传递参数的标准方法(jQuery.ajax)


Posted in Javascript onNovember 19, 2008

前台 

<!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方法封装一下,方便调用。 
function myajax(){ 
//用此法传递数据 
var arr={ 
"name":"tree", 
"id":"123" 
}; 
$.get( 
"ajax.aspx", 
arr, 
callback, 
"json" 
); 
} 
//回调函数 
function callback(data){ 
$('#response').append(data.name+data.id); 
$('#wait').css("display","none"); 
} 
//onload()事件 
$(function(){ 
$('#confirm').click(myajax); 
}) 
//封装json数据,为了代码清晰,看来这种方法不行。 
/* 似乎是因为数组格式不对。 
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">接收后台数据</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) + "}"; 
} 
}

Javascript 相关文章推荐
filters.revealTrans.Transition使用方法小结
Aug 19 Javascript
jquery限制输入字数,并提示剩余字数实现代码
Dec 24 Javascript
JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
Apr 10 Javascript
node.js中的fs.symlinkSync方法使用说明
Dec 15 Javascript
js鼠标滑过图片震动特效的方法
Feb 17 Javascript
分享网页检测摇一摇实例代码
Jan 14 Javascript
js H5 canvas投篮小游戏
Aug 18 Javascript
HTML5开发Kinect体感游戏的实例应用
Sep 18 Javascript
JS中验证整数和小数的正则表达式
Oct 08 Javascript
vue中keep-alive,include的缓存问题
Nov 26 Javascript
vue实现匀速轮播效果
Jun 29 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
Nov 17 Javascript
仿迅雷焦点广告效果(JQuery版)
Nov 19 #Javascript
Javascript日期对象的dateAdd与dateDiff方法
Nov 18 #Javascript
js电信网通双线自动选择技巧
Nov 18 #Javascript
JavaScript脚本性能优化注意事项
Nov 18 #Javascript
javascript 字符串连接的性能问题(多浏览器)
Nov 18 #Javascript
js的闭包的一个示例说明
Nov 18 #Javascript
Ext面向对象开发实践(续)
Nov 18 #Javascript
You might like
PHP 获取远程网页内容的代码(fopen,curl已测)
2011/06/06 PHP
php简单开启gzip压缩方法(zlib.output_compression)
2013/04/13 PHP
理解PHP中的Session及对Session有效期的控制
2016/01/08 PHP
php面试实现反射注入的详细方法
2019/09/30 PHP
用js写了一个类似php的print_r输出换行功能
2013/02/18 Javascript
关于IE BUG与字符串截取substr的解决办法
2013/04/10 Javascript
jquery 检测元素是否存在的实例代码
2013/11/19 Javascript
javascript通过className来获取元素的简单示例代码
2014/01/10 Javascript
用json方式实现在 js 中建立一个map
2014/05/02 Javascript
JavaScript将数组转换成CSV格式的方法
2015/03/19 Javascript
用jQuery向div中添加Html文本内容的简单实现
2016/07/13 Javascript
JS HTML5拖拽上传图片预览
2016/07/18 Javascript
AngularJS入门教程之路由与多视图详解
2016/08/19 Javascript
关于JS与jQuery中的文档加载问题
2017/08/22 jQuery
vue和webpack安装命令详解
2018/06/15 Javascript
[00:11]战神迅矛
2019/03/06 DOTA
在Mac OS上部署Nginx和FastCGI以及Flask框架的教程
2015/05/02 Python
Python  unittest单元测试框架的使用
2018/09/08 Python
python实现合并两个排序的链表
2019/03/03 Python
python 在某.py文件中调用其他.py内的函数的方法
2019/06/25 Python
python3+django2开发一个简单的人员管理系统过程详解
2019/07/23 Python
利用Pycharm + Django搭建一个简单Python Web项目的步骤
2020/10/22 Python
俄罗斯优惠券网站:BIGLION
2017/05/21 全球购物
美国购买肉、鸭、家禽、鹅肝和熟食网站:D’Artagnan
2018/11/13 全球购物
女子锻炼服装和瑜伽服装:Splits59
2019/03/04 全球购物
Ruby如何定义一个类
2012/10/08 面试题
教师自我反思材料
2014/02/14 职场文书
法制宣传月活动方案
2014/05/11 职场文书
物业保安岗位职责
2014/07/02 职场文书
办理收楼委托书范本
2014/10/09 职场文书
2014年保管员工作总结
2014/11/18 职场文书
2015暑假社会调查报告
2015/07/13 职场文书
关于环保的宣传稿
2015/07/23 职场文书
新手初学Java List 接口
2021/07/07 Java/Android
oracle重置序列从0开始递增1
2022/02/28 Oracle
GTX1660显卡搭配显示器推荐
2022/04/19 数码科技