传递参数的标准方法(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 相关文章推荐
JQuery 学习技巧总结
May 21 Javascript
JS 实现Json查询的方法实例
Apr 12 Javascript
JavaScript中的pow()方法使用详解
Jun 15 Javascript
JavaScript中的call方法和apply方法使用对比
Aug 12 Javascript
javascript实现dom元素可拖动
Mar 21 Javascript
AngularJS基础 ng-keydown 指令简单示例
Aug 02 Javascript
Bootstrap精简教程中秋大放送
Sep 15 Javascript
JS实现json的序列化和反序列化功能示例
Jun 13 Javascript
vue路由拦截及页面跳转的设置方法
May 24 Javascript
vue拖拽排序插件vuedraggable使用方法详解
Aug 21 Javascript
如何通过shell脚本自动生成vue文件详解
Sep 10 Javascript
JS常用排序方法实例代码解析
Mar 03 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实现取得HTTP请求的原文
2014/08/18 PHP
PHP防盗链代码实例
2014/08/27 PHP
常见php数据文件缓存类汇总
2014/12/05 PHP
phplot生成图片类用法详解
2015/01/06 PHP
PHP四舍五入、取整、round函数使用示例
2015/02/06 PHP
PHP实现QQ空间自动回复说说的方法
2015/12/02 PHP
php反射类ReflectionClass用法分析
2016/05/12 PHP
PHP 中TP5 Request 请求对象的实例详解
2017/07/31 PHP
php实现微信发红包功能
2018/07/13 PHP
一个多次搜索+多次传值的解决方案
2007/01/20 Javascript
什么是JavaScript
2009/08/13 Javascript
JQuery扩展插件Validate—4设置错误提示的样式
2011/09/05 Javascript
动态载入js提高网页打开速度的方法
2014/07/04 Javascript
jQuery实现鼠标点击弹出渐变层的方法
2015/07/09 Javascript
javascript实现确定和取消提示框效果
2015/07/10 Javascript
跟我学习javascript的函数和函数表达式
2015/11/16 Javascript
JS简单生成两个数字之间随机数的方法
2016/08/03 Javascript
微信小程序 触控事件详细介绍
2016/10/17 Javascript
详解使用nodeJs安装Vue-cli
2017/05/17 NodeJs
AngularJs 禁止模板缓存的方法
2017/11/28 Javascript
基于AngularJs select绑定数字类型的问题
2018/10/08 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
2018/12/03 Javascript
Vue 技巧之控制父类的 slot
2020/02/24 Javascript
零基础写python爬虫之使用urllib2组件抓取网页内容
2014/11/04 Python
在Python中操作字典之update()方法的使用
2015/05/22 Python
详解Python3中yield生成器的用法
2015/08/20 Python
python异常和文件处理机制详解
2016/07/19 Python
基于numpy中数组元素的切片复制方法
2018/11/15 Python
10分钟教你用python动画演示深度优先算法搜寻逃出迷宫的路径
2019/08/12 Python
美国大城市最热门旅游景点门票:CityPASS
2016/12/16 全球购物
美容院营销方案
2014/03/05 职场文书
优秀团员事迹材料1500字
2014/08/31 职场文书
创业项目大全(适合在家创业的项目)
2019/08/15 职场文书
英文诗歌翻译方法(赏析)
2019/08/16 职场文书
Mysql数据库中datetime、bigint、timestamp来表示时间选择,谁来存储时间效率最高
2021/08/23 MySQL
详解Alibaba Java诊断工具Arthas查看Dubbo动态代理类
2022/04/08 Java/Android