傳遞參數(shù)的標準方法(jQuery.ajax)
更新時間：2008年11月19日 16:04:55 作者：
jQuery.ajax傳遞參數(shù)的方法
前臺
<!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>無標題頁</title>
<script type="text/javascript" src="jquery/jquery-1.2.6.js"></script>
<script type="text/javascript">
//這個方法把ajax方法封裝一下，方便調(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ù)，為了代碼清晰,看來這種方法不行。
/* 似乎是因為數(shù)組格式不對。
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">點擊</div>
<div id="response">接收后臺數(shù)據(jù)</div>
<div id="wait" class="hide">hello</div>
</body>
</html>
后臺
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>無標題頁</title>
<script type="text/javascript" src="jquery/jquery-1.2.6.js"></script>
<script type="text/javascript">
//這個方法把ajax方法封裝一下，方便調(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ù)，為了代碼清晰,看來這種方法不行。
/* 似乎是因為數(shù)組格式不對。
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">點擊</div>
<div id="response">接收后臺數(shù)據(jù)</div>
<div id="wait" class="hide">hello</div>
</body>
</html>
后臺
復(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分頁特效插件jquery.pagination.js，基于jQuery實現(xiàn)，本文給大家分享jquery分頁插件之jquery pagination，需要的朋友可以參考下2015-08-08
jquery中append()與appendto()用法分析
這篇文章主要介紹了jquery中append()與appendto()用法分析,以實例的形式分析了jquery中append()與appendto()的具體語法與詳細用法,需要的朋友可以參考下2014-11-11
(function($){...})(jQuery)實際上是匿名函數(shù)，不懂得朋友可以繼續(xù)往下看。2010-07-07
本文為大家收集了10個非?？岬?jQuery 工具提示（Tooltip）插件，希望大家能喜歡2011-10-10
JQuery Tips(2) 關(guān)于$()包裝集你不知道的
包裝集總是面向集合的，需要的朋友可以參考下。2009-12-12
jQuery validate(submitHandler函數(shù))驗證通過發(fā)送Ajax(實例詳解)
這篇文章主要介紹了jQuery validate(submitHandler函數(shù))驗證通過發(fā)送Ajax，可以用validate框架驗證元素，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友參考下吧2022-10-10
Jquery多選下拉列表插件jquery multiselect功能介紹及使用
支持點擊label實現(xiàn)checkbox組選擇，頭部選項，如全選/ 取消全選 /關(guān)閉功能,支持鍵盤選擇等等，下面與大家分享下具體使用2013-05-05
jquery easyui dataGrid動態(tài)改變排序字段名的方法
jQuery easyui dataGrid 動態(tài)改變排序字段名，一般情況下，在使用的時候，我們會點擊相應(yīng)字段進行排序。今天小編以java為例給大家講解問題原因及解決方案，需要的的朋友參考下2017-03-03
JQuery 插件模板 制作jquery插件的朋友可以參考下
JQuery 插件模板 制作jquery插件的朋友可以參考下2010-03-03
jquery的分頁代碼，是結(jié)合數(shù)據(jù)庫實現(xiàn)的， 這里只給出核心jquery代碼。其它的大家可以發(fā)揮下。2010-06-06