傳遞參數(shù)的標(biāo)準(zhǔn)方法(jQuery.ajax)
更新時(shí)間：2008年11月19日 16:04:55 作者：
jQuery.ajax傳遞參數(shù)的方法
前臺(tái)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>無(wú)標(biāo)題頁(yè)</title>
<script type="text/javascript" src="jquery/jquery-1.2.6.js"></script>
<script type="text/javascript">
//這個(gè)方法把a(bǔ)jax方法封裝一下，方便調(diào)用。
function myajax(){
//用此法傳遞數(shù)據(jù)
var arr={
"name":"tree",
"id":"123"
};
$.get(
"ajax.aspx",
arr,
callback,
"json"
);
}
//回調(diào)函數(shù)
function callback(data){
$('#response').append(data.name+data.id);
$('#wait').css("display","none");
}
//onload()事件
$(function(){
$('#confirm').click(myajax);
})
//封裝json數(shù)據(jù)，為了代碼清晰,看來(lái)這種方法不行。
/* 似乎是因?yàn)閿?shù)組格式不對(duì)。
var dataStr=jsonData();
alert(dataStr);
*/
function jsonData(){
var jsonStr="";
jsonStr+="\"name\":";
jsonStr+="\"tree\"";
jsonStr+=",";
jsonStr+="\"id\":";
jsonStr+="\"123\"";
jsonStr+="}";
return jsonStr;
}
</script>
</head>
<body>
<div id="confirm">點(diǎn)擊</div>
<div id="response">接收后臺(tái)數(shù)據(jù)</div>
<div id="wait" class="hide">hello</div>
</body>
</html>
后臺(tái)
public partial class ajax : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//Response.Write("hello"+Request["name"]);
Hashtable ht = new Hashtable();
ht.Add("name", Request.Params["name"]);
ht.Add("id", Request.Params["id"]);
Response.Write(CreateJsonParams(ht));
Response.End();
}
private string CreateJsonParams(Hashtable items)
{
string returnStr = "";
foreach (DictionaryEntry item in items)
{
returnStr += "\"" + item.Key.ToString() + "\":\"" + item.Value.ToString() + "\",";
}
return "{" + returnStr.Substring(0, returnStr.Length - 1) + "}";
}
}
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>無(wú)標(biāo)題頁(yè)</title>
<script type="text/javascript" src="jquery/jquery-1.2.6.js"></script>
<script type="text/javascript">
//這個(gè)方法把a(bǔ)jax方法封裝一下，方便調(diào)用。
function myajax(){
//用此法傳遞數(shù)據(jù)
var arr={
"name":"tree",
"id":"123"
};
$.get(
"ajax.aspx",
arr,
callback,
"json"
);
}
//回調(diào)函數(shù)
function callback(data){
$('#response').append(data.name+data.id);
$('#wait').css("display","none");
}
//onload()事件
$(function(){
$('#confirm').click(myajax);
})
//封裝json數(shù)據(jù)，為了代碼清晰,看來(lái)這種方法不行。
/* 似乎是因?yàn)閿?shù)組格式不對(duì)。
var dataStr=jsonData();
alert(dataStr);
*/
function jsonData(){
var jsonStr="";
jsonStr+="\"name\":";
jsonStr+="\"tree\"";
jsonStr+=",";
jsonStr+="\"id\":";
jsonStr+="\"123\"";
jsonStr+="}";
return jsonStr;
}
</script>
</head>
<body>
<div id="confirm">點(diǎn)擊</div>
<div id="response">接收后臺(tái)數(shù)據(jù)</div>
<div id="wait" class="hide">hello</div>
</body>
</html>
后臺(tái)
復(fù)制代碼 代碼如下:
public partial class ajax : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//Response.Write("hello"+Request["name"]);
Hashtable ht = new Hashtable();
ht.Add("name", Request.Params["name"]);
ht.Add("id", Request.Params["id"]);
Response.Write(CreateJsonParams(ht));
Response.End();
}
private string CreateJsonParams(Hashtable items)
{
string returnStr = "";
foreach (DictionaryEntry item in items)
{
returnStr += "\"" + item.Key.ToString() + "\":\"" + item.Value.ToString() + "\",";
}
return "{" + returnStr.Substring(0, returnStr.Length - 1) + "}";
}
}
相關(guān)文章
Jquery 分頁(yè)插件之Jquery Pagination
實(shí)用jQuery分頁(yè)特效插件jquery.pagination.js，基于jQuery實(shí)現(xiàn)，本文給大家分享jquery分頁(yè)插件之jquery pagination，需要的朋友可以參考下2015-08-08
jquery中append()與appendto()用法分析
這篇文章主要介紹了jquery中append()與appendto()用法分析,以實(shí)例的形式分析了jquery中append()與appendto()的具體語(yǔ)法與詳細(xì)用法,需要的朋友可以參考下2014-11-11
(function($){...})(jQuery)實(shí)際上是匿名函數(shù)，不懂得朋友可以繼續(xù)往下看。2010-07-07
本文為大家收集了10個(gè)非?？岬?jQuery 工具提示（Tooltip）插件，希望大家能喜歡2011-10-10
JQuery Tips(2) 關(guān)于$()包裝集你不知道的
包裝集總是面向集合的，需要的朋友可以參考下。2009-12-12
jQuery validate(submitHandler函數(shù))驗(yàn)證通過(guò)發(fā)送Ajax(實(shí)例詳解)
這篇文章主要介紹了jQuery validate(submitHandler函數(shù))驗(yàn)證通過(guò)發(fā)送Ajax，可以用validate框架驗(yàn)證元素，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2022-10-10
Jquery多選下拉列表插件jquery multiselect功能介紹及使用
支持點(diǎn)擊label實(shí)現(xiàn)checkbox組選擇，頭部選項(xiàng)，如全選/ 取消全選 /關(guān)閉功能,支持鍵盤(pán)選擇等等，下面與大家分享下具體使用2013-05-05
jquery easyui dataGrid動(dòng)態(tài)改變排序字段名的方法
jQuery easyui dataGrid 動(dòng)態(tài)改變排序字段名，一般情況下，在使用的時(shí)候，我們會(huì)點(diǎn)擊相應(yīng)字段進(jìn)行排序。今天小編以java為例給大家講解問(wèn)題原因及解決方案，需要的的朋友參考下2017-03-03
JQuery 插件模板 制作jquery插件的朋友可以參考下
JQuery 插件模板 制作jquery插件的朋友可以參考下2010-03-03
jquery的分頁(yè)代碼，是結(jié)合數(shù)據(jù)庫(kù)實(shí)現(xiàn)的， 這里只給出核心jquery代碼。其它的大家可以發(fā)揮下。2010-06-06