我的编程空间,编程开发者的网络收藏夹
学习永远不晚

Ajax异步请求JSon数据实例介绍

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

Ajax异步请求JSon数据实例介绍

这篇文章主要介绍“Ajax异步请求JSon数据实例介绍”,在日常操作中,相信很多人在Ajax异步请求JSon数据实例介绍问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Ajax异步请求JSon数据实例介绍”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

编程网友情提醒本文所需工具和原料如下:

wamp或lamp环境、jquery.js、编辑器

具体方法/步骤请看下面:

1.创建基本的文件结构json_ajax.html和json_ajax.php,下载jquery.js,如图:

Ajax异步请求JSon数据实例介绍

2.如图分别编写json_ajax.html和json_ajax.php文件的编码:

Ajax异步请求JSon数据实例介绍Ajax异步请求JSon数据实例介绍

3.分别在w(l)amp环境下运行json_ajax.html和json_ajax.php,运行结果如图:

这个运行的结果应该是正常的,理解上没有困难的,继续向下看,如果这里理解困惑,就没必要在继续阅读的必要了。

Ajax异步请求JSon数据实例介绍Ajax异步请求JSon数据实例介绍

4.经过源码和运行结果的分析,知道了在json_ajax.html中设置了按钮的点击事件,点击按钮,正常的运行结果如下图;

若没有正常的显示,可参考我的《jQuery的Ajax之调试》

Ajax异步请求JSon数据实例介绍

5.第4步结果分析:

console.log(data),直接将json_ajax.php返回的结果返回,就是json字符串;

console.log(eval('['+data+']')),这样做的目的是将json_ajax.php返回的json字符串转换成对象。

‘对象'在PHP里面是区别于过程的,但是在JS中,所有的数据都是对象,或许现在有点明白了,为什么要将json字符串转换成对象了;在js中处理对象更方便,就像在PHP中处理数据的时候,首先想到的是数组(array)一样。

6.细节总结:

     1.php返回的必须是json,即是需要将数据用json_encode()处理;

     2.ajax接受数据之后,需要eval()处理,里面'['+data+']'可以用'('+data+')';

     3.console.log()可以使用alert()代替;

     4.在此主要是过程思路,一旦接收到data数据,就可以按需求进行逻辑处理了。

到此,关于“Ajax异步请求JSon数据实例介绍”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

Ajax异步请求JSon数据实例介绍

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

ajax的工作原理以及异步请求的封装介绍

客户端通过浏览器的内置对象XMLHttpRequest来发送异步请求,当服务器返回响应时,会调用先前注册的回调函数,异步请求不会阻塞客户端的操作,达到页面无法刷新就可以更新数据的效果
2022-11-15

Ajax异步请求的五个步骤及实战案例

通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新,下面这篇文章主要给大家介绍了关于Ajax异步请求的五个步骤及实战案例的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-11-13

android异步请求服务器数据示例

1、在android4.0以后的版本,主线程(UI线程)不在支持网络请求,原因大概是影响主线程,速度太慢,容易卡机,所以需要开启新的线程请求数据;代码如下:thread1 = new Thread(){@Overridepublic voi
2022-06-06

react异步请求数据怎么实现

在React中实现异步请求数据有多种方式,以下是其中几种常用的方法:1. 使用`fetch` API:`fetch`是现代浏览器提供的一种网络请求API,可以用于发送HTTP请求并获取响应数据。可以在React组件的生命周期方法(如`com
2023-09-13

C++异步数据交换实现方法介绍

这篇文章主要介绍了C++异步数据交换实现方法,异步数据交换,除了阻塞函数send()和recv()之外,Boost.MPI还支持与成员函数isend()和irecv()的异步数据交换
2022-11-21

使用Ajax异步请求怎么对后台数据进行动态分页

本篇文章为大家展示了使用Ajax异步请求怎么对后台数据进行动态分页,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。ajax请求后台拿到json类型的数据后,可以在它的success回调方法中进行动态分
2023-06-08

vue-cli如何实现异步请求返回mock模拟数据

这篇文章主要为大家展示了“vue-cli如何实现异步请求返回mock模拟数据”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“vue-cli如何实现异步请求返回mock模拟数据”这篇文章吧。  在前
2023-06-29

Vue中请求本地JSON文件并返回数据的方法实例

在前端开发过程当中,当后台服务器开发数据还没完善,没法与咱们交接时,咱们习惯在本地写上一个json文件做模拟数据测试代码效果是否有问题,下面这篇文章主要给大家介绍了关于Vue中请求本地JSON文件并返回数据的相关资料,需要的朋友可以参考下
2022-11-13

编程热搜

目录