<!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>
<style type="text/css">
.show{ display:block;}
.hide{ display:none;}
</style>
<script type="text/javascript" src="jquery/jquery-1.2.6.js"></script>
<script type="text/javascript">
//这个方法把ajax方法封装一下，方便调用。
function myajax(){
//var obj=jsonData();
$.ajax({
type:'post',
url:'ajax.aspx',
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>
后台
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) + "}";
}
详细出处参考：http://www.jb51.net/article/16531.htm
分享到：
相关推荐
$.ajax json 数据传递方法是使用 jQuery 库实现的异步数据传递方法，通过将 JSON 数据封装在 $.ajax 对象中，并将其作为参数传递给服务器端脚本，以实现客户端和服务器端之间的数据交互。 在前台代码中，首先定义了...
本文将详细探讨 `$.post()` 的使用方法，特别是在传递 JSON 数据时的应用。 #### 一、`$.post()` 基础介绍 `$.post()` 是 jQuery 提供的一个用于发起 POST 请求的方法，它的基本语法如下： ```javascript $.post...
$.getJSON()方法是专门用于处理JSON数据的简化AJAX方法。它的语法是$.getJSON(url, [data], [callback])。当使用$.getJSON()时，jQuery会自动处理JSON数据的解析，并将解析后的JavaScript对象传递给回调函数。这意味...
在jQuery库中，$.post, $.get和$.getJSON是用于执行AJAX（Asynchronous JavaScript and XML）请求的三种主要方法，这些方法使得前端与后端服务器进行异步数据交互成为可能，无需刷新整个页面。接下来，我们将详细...
该方法是$.ajax方法的一个快捷方式，适用于从Web服务器获取JSON数据。 2. $.getJSON的用法： $.getJSON方法接受至少两个参数，第一个是请求的URL地址，第二个是请求成功后需要执行的回调函数。此外，$.getJSON还...
查了很多资料都说，get方法的参数是有限制的，...$.ajax({ type: "post", // post or get contentType:"application/json;charset=utf-8", data: “requestTag=”+tag+"&content="+content, //请求参数 url: "po
$.getJSON 的实现基本上是$.ajax 方法的一个简化版本，专注于获取 JSON 数据。尽管两个方法在代码书写上有所不同，但在处理跨域请求时，它们面临的限制是一样的。 为了绕过同源策略，实现跨域数据访问，服务端必须...
jQuery提供了方便的方法来处理JSON数据，包括`$.getJSON()`和`$.ajax()`等函数，可以方便地从服务器获取JSON数据并将其转化为JavaScript对象，或者将JavaScript对象转换为JSON字符串发送到服务器。 **jQuery的get...
$.ajax 方法在实际应用中，可以根据需要选择合适的数据传递和处理方式。例如： 1. 使用 JSON 数据进行异步请求时，可以设置 'dataType' 为 'json'，并传入相应的 JSON 对象作为请求数据。 2. 如果需要序列化表单...
总结来说，从给定文件的内容来看，介绍了 JSON 数据格式的特性，jQuery 中处理 Ajax 请求的基本方式，以及如何通过 jQuery 的 `$.ajax()` 和 `$.getJSON()` 方法获取和处理 JSON 数据。同时，还通过实际的代码示例，...
由于$.getJSON本质上是一个简化版的$.ajax方法，如果遇到$.getJSON不工作的情况，可以尝试改用$.ajax方法来实现相同的功能。$.ajax提供了更多配置选项，使得开发者可以更精细地控制AJAX请求。基本的$.ajax请求可以写...
$.getJSON()是jQuery中用来简化AJAX请求的函数之一，专门用于处理JSON格式的响应数据。它本质上也是发起一个HTTP GET请求，只不过在请求中会接收一个JSON格式的数据。当结合跨域请求时，$.getJSON()会配合JSONP模式...
本主题聚焦于"jQuery实现将mysql数据库中的数据转化为json数据在前台显示"，涉及到的关键技术包括jQuery的$.getJSON()和$.ajax()方法，以及后台的servlet和mysql数据库。 首先，jQuery是一个轻量级的JavaScript库，...
$.getJSON 是 jQuery 提供的一种 AJAX 方法，用于向服务器请求 JSON 数据并在数据加载成功后执行回调函数。这个方法特别适用于跨域请求，因为 JSONP（JSON with Padding）协议允许绕过同源策略，使得 JavaScript ...
而$.getJSON是jQuery中一个便捷的方法，它用于发起一个GET请求来从服务器加载JSON数据，并将该数据自动转换成JavaScript对象。这个方法特别适用于处理从远程服务器获取的数据，因为它可以直接处理返回的JSON字符串，...
下面我们将详细探讨在使用`$.ajax`传JSON数据到后台时需要注意的一些关键点。 首先，了解JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。在...