jquery $.ajax json数据传递方法

protected void page_load(object sender, eventargs e)
{
hashtable ht = new hashtable();
string name = request.params["name"].tostring();
string birth = request.params["birthday"].tostring();
if (!string.isnullorempty(name) && !string.isnullorempty(birth))
{
//response.contenttype = "application/json";
//response.write(crearejson("this is ok!", 1, name, birth));
ht.add("info", "成功了");
ht.add("sta", "状态");
ht.add("name", name);
ht.add("birth", birth);
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) + "}";
}

前台代码

 

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.111cn.net/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/1999/xhtml" >
<head>
<title>无标题页</title>
<style type="text/css教程">
.show{ display:block;}
.hide{ display:none;}
</style>
<script type="text/网页特效" src="jquery/jquery-1.2.6.js"></script>
<script type="text/网页特效">

//这个方法把ajax方法封装一下,方便调用。
function myajax(){
//var obj=jsondata();
$.ajax({
type:'post',
url:'ajax.asp教程x',
data:jsondata(),//可以直接加一个函数名。
datatype:'json',
beforesend:beforecall,
success:callback
});
}
//封装json数据,为了代码清晰
function jsondata(){
var jsonstr="({";
jsonstr+=""name":";
jsonstr+=""tree"";
jsonstr+=",";
jsonstr+=""id":";
jsonstr+=""123"";
jsonstr+="})";
return eval(jsonstr);//关键在于转换。
}
//调用前方法,不成功
function beforecall(){
$('#wait').addclass("show").append('调出中...');
//alert('');//测试是否调用
}
//回调函数
function callback(data){
$('#response').append(data.name+data.id);
$('#wait').css("display","none");
}
//onload()事件
$(function(){
$('#confirm').click(myajax);
})
</script>
</head>
<body>
<div id="confirm">点击</div>
<div id="response">接收后台数据</div>
<div id="wait" class="hide">hello</div>
</body>
</html>

时间: 2024-09-17 06:29:16

jquery $.ajax json数据传递方法的相关文章

$.ajax json数据传递方法_jquery

前台 复制代码 代码如下: <!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>无标题页&l

ThinkPHP中使用ajax接收json数据的方法_php实例

本文实例讲述了ThinkPHP中使用ajax接收json数据的方法.分享给大家供大家参考.具体分析如下: 这里通过ThinkPHP+jquery实现ajax,扩展了下,写了个查询,前台代码如下: 首先需要引入jquery.js,主要代码如下: 复制代码 代码如下: function ajax(id,pic){     //由于ThinkPHP不解析JavaScript里的ThinkPHP常量,所以需要先在这里定义. var URL='__URL__';         $.ajax({     

ajax调用返回php接口返回json数据的方法(必看篇)

php代码如下: <?php header('Content-Type: application/json'); header('Content-Type: text/html;charset=utf-8'); $email = $_GET['email']; $user = []; $conn = @mysql_connect("localhost","Test","123456") or die("Failed in conn

jQuery ajax json 数据的遍历代码_AJAX相关

先给大家说下我的需求:进行ajax请求后,后台传递回来以下json数据. 具体实现代码如下所示: JavaScript代码 { "data":[ {"id":"1","name":"选择A","value":"A"}, {"id":"2","name":"选择B","value&

asp.net提取多层嵌套json数据的方法_实用技巧

本文实例讲述了asp.net提取多层嵌套json数据的方法.分享给大家供大家参考,具体如下: 在.net 2.0中提取这样的json: 复制代码 代码如下: {"name":"lily","age":23,"addr":{"city":guangzhou,"province":guangdong}} 引用命名空间: using Newtonsoft.Json; using Newtons

Android解析JSON数据的方法分析_Android

本文实例讲述了Android解析JSON数据的方法.分享给大家供大家参考,具体如下: JSON作为一种"轻量"的数据结构传递数据,在JS中有广泛的应用 Google公司对JSON的解析提供了gson.jar这个包,它不依赖于其他任何JAR包:自从Android3.0中已经合入了该解析器的功能,但之前的版本是没有的. findViewById(R.id.parseBtn).setOnClickListener(new OnClickListener(){ @Override public

jQuery ajax json 数据的遍历代码

先给大家说下我的需求:进行ajax请求后,后台传递回来以下json数据. 具体实现代码如下所示: JavaScript代码 { "data":[ {"id":"1","name":"选择A","value":"A"}, {"id":"2","name":"选择B","value&

Android解析JSON数据的方法分析

本文实例讲述了Android解析JSON数据的方法.分享给大家供大家参考,具体如下: JSON作为一种"轻量"的数据结构传递数据,在JS中有广泛的应用 Google公司对JSON的解析提供了gson.jar这个包,它不依赖于其他任何JAR包:自从Android3.0中已经合入了该解析器的功能,但之前的版本是没有的. findViewById(R.id.parseBtn).setOnClickListener(new OnClickListener(){ @Override public

Jquery遍历Json数据的方法

  这篇文章主要介绍了Jquery遍历Json数据的方法,涉及jQuery遍历json格式数据的相关技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了Jquery遍历Json数据的方法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 4