Jquery 调用json 数据

最新推荐文章于 2023-10-11 14:00:18 发布
最新推荐文章于 2023-10-11 14:00:18 发布
阅读量348 收藏
点赞数
分类专栏： C# 文章标签： json jquery function string button xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lyczfj/article/details/6707583
版权

demo .html

 

<!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>jquery获取json数据演示页面</title>
<script type="text/javascript" src="ajax/jquery-1.2.6.pack.js"></script>
<script type="text/javascript">
function getData(){
$("#list").html("");//清空列表中的数据
//发送ajax请求
$.getJSON(
"jsondata.ashx",//产生JSON数据的服务端页面
{name:"test",age:20},//向服务器发出的查询字符串（此参数可选）
//对返回的JSON数据进行处理，本例以列表的形式呈现
function(json){
//循环取json中的数据,并呈现在列表中
$.each(json,function(i){
$("#list").append("<li>name:"+json[i].name+" Age:"+json[i].age+"</li>")
})
})
}
</script>
</head>
<body>
<input id="Button1" type="button" value="获取数据" οnclick="getData()" />
<ul id="list"></ul>
</body>
</html>

------------------------------------------------------

应用数据

<%@ WebHandler Language="C#" Class="jsonData" %>
using System;
using System.Web;
public class jsonData : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
string data = "[{name:\"ants\",age:24},{name:\"lele\",age:23}]";//构建的json数据
//下面两句是用来测试前台向此页面发出的查询字符
string querystrname = context.Request.QueryString.GetValues("name")[0];//取查询字符串中namer的值
string querystage = context.Request.QueryString.GetValues("age")[0];//取查询字符串中age的值
context.Response.Write(data);
}
public bool IsReusable {
get {
return false;
}
}
}

 


 

 

lyczfj
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery上传、解析json数据
LJLatDGUt的博客
04-18 669
1.jquery 以post形式上传 json数据，重点需要注意使用 var formdata$("#myform").serialize(); 来得到表单中的信息进行转化为流进行POST上传 var formdata = $("#myform").serialize(); $.ajax({ type:'POST', url: 'http://localhost/phpe...
jquery中ajax调用json数据的使用说明
04-15 2667
这里将随机显示一条json数据到目前为止我们总结了jQuery.ajax的五种简写方法，接下来让我们集中精神，看看jQuery.ajax()方法，在使用中，笔者也是经常使用的jQuery.ajax()，因为大多数情况，我们需要对ajax请求出错的情况进行捕捉并处理。jQuery Ajax在web应用开发中很常用，它主要包括有ajax，get，post，load，getscript等等这几种常用无刷新操作方法，处理复杂的ajax请求时，jQuery使用jQuery.ajax()方法进行处理。
JQuery中获取JSON文件中的数据
热门推荐
Asurplus
02-25 21万+
1、使用 Ajax 方式获取 $.get("json/test.json", function(data) { console.log(data.total); }); 另一种方式： $.ajax({ type: "get", url: "json/test.json", dataType: "json", async: false, s...
JQuery前端之操作JSON的方法
最新发布
xinyuerr的博客
10-11 1881
通过上面这个表达式，就完成了将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，名称为“json”，通过“json.”或者“json[]”的方式便可进行数据访问。通过上面的计算，也可以将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，但是该对象名称为“r”，通过“r.”或者“r[]”的方式可进行数据访问。4.对象和数组可以互相嵌套，即数组中的一个元素可以是一个对象也可以是一个数组，同理对象中的一个属性的值可以是一个对象也可以是一个数组。
jquery怎么操作json
tt745的博客
03-09 341
jquery操作json的方法：1、使用【jquery中的$.parseJSON()】方法；2、使用js中eval来强转；3、使用浏览器自带的【JSON.parse()】方法。 本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。 推荐：jquery视频教程 jquery操作json的方法： 第一种方法：使用jquery中的$.parseJSON(),但是它对json数据格式的要求较高，必须要双引号包围起来 1 2 3 4 5 6 7 8 9 10 11 12 13
jQuery调用json文件
liqiyu2014的博客
03-22 1234
jQuery调用json
jQuery调取jSon数据并展示的方法
10-24
主要介绍了jQuery调取jSon数据并展示的方法,实例分析了jQuery调用json数据及展示的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
jQuery访问json文件中数据的方法示例
10-17
当数据加载成功后，`processJsonData`函数会被调用，其中`data`参数包含了解析后的JSON数据。你可以根据需要遍历和处理这些数据，例如打印每个管道的`ElementId`。 此外，还可以利用jQuery的事件处理机制，当JSON...
jQuery调用WebService返回JSON数据及参数设置注意问题
10-27
.NET Framework 3.5的发布解决了WebService调用中json问题，本文将介绍jQuery调用基于.NET Framework 3.5的WebService返回JSON数据,感兴趣的朋友可以了解下，希望本文对你有所帮助
Jquery调用JSON数据
天下英雄谁敌手？曹刘
03-13 796
JSON是一种源自JavaScript的轻量级数据交换语言，用于将JavaScript中的对象转换成一种轻量型的、易解析的字符串，并且是这种字符串既能在JavaScript中传递，又能在Web应用程序中进行异步数据交互。         JSON结构包含两种：name/value形式和数组形式。JSON主要通过这两种形式保存数据。通过Jquery框架能够实现对JSON读取、遍历、操作。
Jquery如何发送Ajax请求
qq_45991659的博客
10-07 2055
1、首先可以使用$.get()方法，这是发送一个get请求的ajax。 function get(){ $.get("action.php",function(){ }) } 2、可以使用getJSON方法，这是发送get请求，但返回的结果是一个json格式的数据 function get(){ $.get("action.php",function(){ }) $.getJson("action.json",function(data){ }) } 3、要返回一个s
JQuery前端操作JSON
xiaoweids的博客
07-19 2283
通过上面这个表达式，就完成了将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，名称为“json”，通过“json.”或者“json[]”的方式便可进行数据访问。通过上面的计算，也可以将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，但是该对象名称为“r”，通过“r.”或者“r[]”的方式可进行数据访问。4.对象和数组可以互相嵌套，即数组中的一个元素可以是一个对象也可以是一个数组，同理对象中的一个属性的值可以是一个对象也可以是一个数组。...
关于 JSON 数据格式的完全使用指南
小王的技术库
02-03 3549
在 JSON 之前，XML 曾经一度成为互联网上传输数据的事实标准。第一代 Web服务很大程度上是以 XML 为基础的，以服务器间通信为主要特征。可是，XML 也并非没有批评者。有的人认为 XML 过于冗余和啰唆。为解决这些问题，也出现了几种方案。不过 Web 已经朝着它的新方向进发了。
JSON数据交互方式
qq2844509367的博客
12-09 1835
json是一种轻量级的数据交换格式 json可读性很高，网络传输速录很快 完全独立与编程语言，什么语言都可以识别 json的语法格式一定要会，比如在写接口文档的时候就离不开json
javascript本地JSON数据调用方法(AJAX)
yasuo56的博客
10-08 715
javascript本地JSON数据调用方法(AJAX)
JQuery前端如何操作JSON
hdxx2022的博客
03-11 845
通过上面这个表达式，就完成了将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，名称为“json”，通过“json.”或者“json[]”的方式便可进行数据访问。通过上面的计算，也可以将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，但是该对象名称为“r”，通过“r.”或者“r[]”的方式可进行数据访问。4.对象和数组可以互相嵌套，即数组中的一个元素可以是一个对象也可以是一个数组，同理对象中的一个属性的值可以是一个对象也可以是一个数组。
写一个jquery的json 数组，再用JSON.stringify转换为json数据
09-03
通过调用`JSON.stringify(jsonArray)`，可以将该数组转换为JSON数据。 输出结果将会是一个字符串，即转换后的JSON数据： ```plaintext [{"name":"张三","age":25},{"name":"李四","age":30},{"name":"王五","age":...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值