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

蜡笔小新跑跑

蜡笔小新跑跑

2016-02-19 13:44

今天图老师小编给大家展示的是Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!
一、AjaxJson.aspx
  处理业务数据,产生JSon数据,供JqueryRequest.aspx调用,代码如下:

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
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
  通过点击按钮来请求AjaxJson.aspx,获取JSon数据。代码如下:
  

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
html xmlns="http://www.w3.org/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" onclick="BtnClick()" /
/div
div
sd
/div
div
script type="text/javascript" language="javascript"
function BtnClick() {
var uid = $("#Text1").val();
var pwd = $("#Text2").val();
$.ajax({
url: "AjaxJson.aspx",
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

展开更多 50%)
分享

猜你喜欢

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

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

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

Web开发
Jquery Ajax学习实例 向页面发出请求返回XML格式数据

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Jquery Ajax学习实例3 向WebService发出请求调用方法返回数据

Web开发
Jquery Ajax学习实例3 向WebService发出请求调用方法返回数据

Jquery Ajax学习实例6 向WebService发出请求返回DataSet(XML)

Web开发
Jquery Ajax学习实例6 向WebService发出请求返回DataSet(XML)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Jquery Ajax学习实例5 向WebService发出请求返回泛型集合数据

Web开发
Jquery Ajax学习实例5 向WebService发出请求返回泛型集合数据

Jquery Ajax学习实例4 向WebService发出请求返回实体对象的异

Web开发
Jquery Ajax学习实例4 向WebService发出请求返回实体对象的异

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Win10命令提示符字体太小且无法更改设置怎么办?

Win10命令提示符字体太小且无法更改设置怎么办?

Word2003 怎么来设置纸张和文档网格

Word2003 怎么来设置纸张和文档网格
下拉加载更多内容 ↓