900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据

Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据

时间:2024-01-31 15:58:53

相关推荐

Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据

今天小编给大家展示的是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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。