jquery getjson简单应用

最新推荐文章于 2024-07-16 16:43:05 发布
最新推荐文章于 2024-07-16 16:43:05 发布
阅读量493 收藏
点赞数
文章标签： getjson jquery javascript json function xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiangquan1982/article/details/4162815
版权

摸索了一整天天，今天终于有所收获，打印出数据了，分享一下：

1.index.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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="JavaScript" type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){$.getJSON("data.asp", function(data){
$.each(data, function(i,data){

$("#images").html($("#images").html()+"<li>"+i+"&nbsp;"+data.newsTitle+"</li>");

  
});

});

});

</script>

</head>

<body>
<ul id="images"></ul>
</body>
</html>
2.data.asp

<!--#include file="conn.asp"-->
<!--#include file="JSON_2[1].0.2.asp"-->
<!--#include file="JSON_UTIL_0[1].1.1.asp"-->
<%=QueryToJSON(conn, "select id,newsTitle,newsBtype,newsStype,UpdateTime,newsAuthor,SchoolLink from news order by UpdateTime desc").Flush%>

其中JSON_UTIL_0[1].1.1.asp和JSON_2[1].0.2.asp 可以到json.org上下载

3.conn.asp

<%
dim conn,connstr
set conn=server.createobject("adodb.connection")
connstr="provider=microsoft.jet.oledb.4.0;data source=" & server.mappath("data/data.mdb")
err.clear
conn.open(connstr)
if err then
set conn=nothing
response.write "数据库连接错误!"
response.end
end If

%>

数据库部分俺就不贴出来了 ，就那么几个字段。jquery-1.3.2.min.js可以到http://jquery.com 去下载一个

D6元素
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery与getJson结合的用法实例
01-19
本文实例讲述了jQuery与getJson结合的用法。分享给大家供大家参考。具体如下： 这里分析jQuery与getJson结合的一个应用实例，因为json保存数据比较轻巧实用，所以个人比较喜欢Json功能，用这个简单写了一个导航菜单的功能，比较简单的那种，目的是演示如何将jQuery与Json结合起来。 运行效果截图如下： 具体代码如下： <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> <htm
jQuery解析json格式数据简单实例
10-22
然而，从jQuery 1.4版本开始，jQuery提供了`.getJSON()`方法，可以直接从URL获取JSON数据并自动解析，简化了处理JSON的流程。例如： ```javascript $.getJSON('url_to_json_data', function(data) { // data已经是...
jQuery--data、load、then、done、getJSON、$.fn.extend
DcTbnk的博客
06-16 354
1. .data() 创建自定义属性 及获取自定义属性 2. .load() 将其他网页内容放入想要放入的网页中，同时也可修改它的样式 3. .done() .getJSON() 4. $.fn.extend() 在jQuery中创建实例方法 一.data <!-- html --> <h1>biaoti</h1> <h1>biaoti</h1> <p data-id="10001">ppp&
JQuery的getJSON方法
tianhaoray的专栏
05-14 1442
前段时间研究一个仿win7的web前端桌面，其他的问题大致都看明白了，就是getJSON这个函数始终获取不到相应的数据。困扰了好长时间才解决，纪录下经验 getJSON语法如下 jQuery.getJSON(url,data,success(data,status,xhr)) 参数 描述 url 必需。规定将请求发送的哪个 URL。 data 可选。
$.getJSON的常用使用方法
qq_40994418的博客
04-06 5354
jQuery中的$.getJSON( )方法函数主要用来从服务器加载json编码的数据，它使用的是GET HTTP请求。 常用的使用方法有以下两种: 第一种: $.getJSON( url [, data ] ,[ function(data){} ] ) url是必选参数，表示json数据的地址； data是可选参数，用于请求数据时发送数据参数； function(){}是可参数，这是一个回调...
js处理服务器响应值,使用getJSON()异步请求服务器返回json数据的操作步奏
weixin_33127399的博客
08-05 1070
这次给大家带来使用getJSON()异步请求服务器返回json数据的操作步奏，使用getJSON()异步请求服务器返回json数据的注意事项有哪些，下面就是实战案例，一起来看一下。我们可以使用jquery的getJSON()方法请求服务器返回json格式数据：js代码：function test(){$.getJSON("JsonServlet",function(result){alert(re...
Promise 异步操作，对请求getJSON和请求ajax的get、post方法进行封装
时间飞逝的博客
12-23 1363
 Promise封装getJSON： const getJSON = function(url) { const promise = new Promise(function(resolve, reject){ const handler = function() { if (this.readyState !== 4) { return; ...
《ES6标准入门》（六）之Promise对象2——then()和catch()方法
热门推荐
眼里长着太阳，笑里全是坦荡
07-07 10万+
1.Promise.prototype.then()方法Promise 实例具有then方法，也就是说，then方法是定义在原型对象Promise.prototype上的。它的作用是为 Promise 实例添加状态改变时的回调函数。then方法的第一个参数是resolved状态的回调函数，第二个参数（可选）是rejected状态的回调函数。then方法返回的是一个新的Promise实例（注意，不是...
jquery getjson 跨域 php,使用jQuery与JSONP解决跨域问题
weixin_42333370的博客
03-18 285
跨域问题存在实际上源于浏览器的同源策略(same origin policy),简单讲,同源就是要求域名,协议,端口三者都一致;而同源策略就是指页面上的脚本不能访问非同源的资源(包括HTTP响应和Cookie);很多人会想到一个很熟悉的东西:document.domain同源策略有点放松的就是:b.a.com上的页面无法通过a.com的同源验证,但是设置b.a.com页面的document.dom...
JQuery前端如何操作JSON
hdxx2022的博客
03-11 862
通过上面这个表达式，就完成了将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，名称为“json”，通过“json.”或者“json[]”的方式便可进行数据访问。通过上面的计算，也可以将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，但是该对象名称为“r”，通过“r.”或者“r[]”的方式可进行数据访问。4.对象和数组可以互相嵌套，即数组中的一个元素可以是一个对象也可以是一个数组，同理对象中的一个属性的值可以是一个对象也可以是一个数组。
JQuery中getJSON的使用方法
12-11
在JQuery1.2以后支持JSONP的应用。  JSON 是一种含有简单括号结构的纯文本，因此许多通道都可以交换 JSON 消息。因为同源策略的限制，我们不能在与外部服务器进行通信的时候使用 XMLHttpRequest。而JSONP是一种可以...
Jquery.json.js
06-25
jQuery提供了方便的方法来处理JSON数据，包括`$.getJSON()`和`$.ajax()`等函数，可以方便地从服务器获取JSON数据并将其转化为JavaScript对象，或者将JavaScript对象转换为JSON字符串发送到服务器。 **jQuery的get...
jquery ajax servlet json简单demo
03-06
【Demo流程】在这个"jquery ajax servlet json简单demo"中，我们可以预期以下流程： 1. 客户端（浏览器）的JavaScript代码使用jQuery的AJAX函数发起请求，请求可能包含一些参数，格式化为JSON。 2. 请求被发送到...
Sortable.js板块拖拽示例
w11111xxxl的博客
07-14 763
ghostClass: 'blue-background-class' // 拖动时元素的样式类。group: 'shared', // 允许与其它具有相同组名的元素交互。-- 引入 Sortable.js 的 CSS 和 JS 文件 -->width: 150px;/* 减少宽度 */height: 70px;/* 设置高度 */-- 引入 Sortable.js 的 JS 文件 -->animation: 150, // 动画速度。// 初始化 Sortable。
更新商品前端接口编写
weixin_55639995的博客
07-12 419
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
vue解决页面放大图片模糊的问题
m0_56104994的博客
07-12 319
解决页面放大，图片模糊的问题
JS+CSS特效：HTML+JS+CSS 实现精致的带二级菜单的头部菜单
最新发布
uu0216的博客
07-16 809
既然a标签把它填满导致了原来的内圆角没有了，而去掉了a标签的背景色依然没有出现圆角。那么我不妨把第一行的两个菜单项和最后一行的两个菜单项写个圆角。这里利用子选择器实现。为了避免菜单项数量改变而导致样式的变化，需要把样式写在最后两个子列表项上，而不是第7和第8上面。所以，在最后两个列表项上，我们使用的 nth-last-child 而不是 nth-child。
docker将Java、vue、nginx打进镜像（涉及容器打成镜像）
qq_37752382的博客
07-15 543
按照上文拉取centos7，然后将需要的东西直接打进脚本，这样最简单，但是在拉取过程中，初始镜像contos7安装nginx需要安装一些工具包，拉取的时候报错了，原因还是在镜像源上，并且还想在上面装一些工具，另外创建容器不应该在里面做很多初始化的东西，每次更新业务包就行，4）准备文件完成后执行下面的就行（如果配置文件不对，比如nginx的配置等先进入镜像手动调整好，没问题了，再删除掉容器和镜像重新制作镜像即可）本文不讲安装docker,安装好安装，镜像源稍微麻烦点。1）生成镜像并创建容器。
jQuery与JSON结合的AJAX优化与实战
这可能涉及到`$.getJSON()`或者`$.ajax()`方法的使用，配合`.each()`或`.map()`函数遍历JSON数组，并设置相应DOM元素的文本内容。此外，还可以使用jQuery的事件监听机制来响应用户交互，比如按钮点击事件，更新显示...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值