jquery.getjson详解与getjson和asp教程.net实例
jquery.getjson( url, [data], [callback] ) 跨域加载json数据。
url: 发送请求的地址
data : (可选) 待发送key/value参数
callback: (可选) 载入成功时的回调函数
主要用于客户端获取服务器json数据。简单示例:
服务器脚本,返回json数据:
$.getjson.php教程
$arr=array("name"=>"zhangsan", "age"=>20);
$jarr=json_encode($arr);
echo $jarr;
注意两点:
第一:在返回客户端之前,先用php函数json_encode将要返回的数据进行编码。
第二:返回到客户端用的是echo,而不是return。
下面是核心的客户端代码:
$.getjson.html
代码如下:
<script language="网页特效" type="text/javascript" src="./js/jquery.js"></script>
<script language="javascript" type="text/javascript">
function getjs()
{
$.getjson("$.getjson.php", {}, function(response){
alert(response.age);
});
}
<input type="button" name="btn" id="btn" value="test" onclick="javascript:getjs();"/>
下面看与asp.net教程 中getjson的应用
准备工作
·customer类
代码如下:
public class customer
{
public int unid { get; set; }
public string customername { get; set; }
public string memo { get; set; }
public string other { get; set; }
}
(一)ashx
代码如下:
customer customer = new customer
{ unid=1,customername="宋江",memo="天魁星",other="黑三郎"};
string strjson = newtonsoft.json.jsonconvert.serializeobject(customer);
context.response.write(strjson);
代码如下:
function getcustomer_ashx() {
$.getjson(
"webdata/json_1.ashx",
function(data) {
var tt = "";
$.each(data, function(k, v) {
tt += k + ":" + v + "<br/>";
})
$("#divmessage").html(tt);
});
}
·通过getjson向ashx请求数据。返回的数据为json对象。
(二)ashx文件,但返回的是实体集合
代码如下:
customer customer = new customer
{ unid=1,customername="宋江",memo="天魁星",other="黑三郎"};
customer customer2 = new customer
{ unid = 2, customername = "吴用", memo = "天机星", other = "智多星" };
list<customer> _list = new list<customer>();
_list.add(customer);
_list.add(customer2);
string strjson = newtonsoft.json.jsonconvert.serializeobject(_list);
context.response.write(strjson);
代码如下:
function getcustomerlist() {
$.getjson(
"webdata/json_1.ashx",
function(data) {
var tt = "";
$.each(data, function(k, v) {
$.each(v,function(kk, vv) {
tt += kk + ":" + vv + "<br/>";
});
});
$("#divmessage").html(tt);
});
}
首页 1 2 3 末页