今天小编给大家展示的是Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!
一、
处理业务数据,产生JSon数据,供调用,代码如下:
代码如下:
protected void Page_Load(object sender, EventArgs e)
{
string u = Request["UserName"];
string p = Request["Password"];
string output = string.Format("UserName:{0},Password:{1}\", u, p);
Response.Write("[{");
Response.Write(output);
Response.Write("}]");
Response.End();
}
二、JqueryRequest.aspx
通过点击按钮来请求,获取JSon数据。代码如下:
代码如下:
html xmlns="/1999/xhtml"
head runat="server"
title/title
script type="text/javascript" language="javascript" src="js/jquery-1.3.2.js"/script
/head
body
form runat="server"
div
input type="text" name="Text1"/br /
input type="text" name="Text2"/
br /
input type="button" /
/div
div
sd
/div
div
script type="text/javascript" language="javascript"
function BtnClick() {
var uid = $("#Text1").val();
var pwd = $("#Text2").val();
$.ajax({
url: "",
type: "POST",
data: { UserName: uid, Password: pwd },
success: function(data) {
var json = eval(data); //eval("(" + data + ")");
$.each(json, function(idx, item) {
var user = item.UserName;
var pass = item.Password;
$("#dd").html("h1用户名:" + user + " 密码:" + pass + "/h1");
});
}
});
}
/script
/div
/form
/body
/html