ajax请求的功能

ajax请求可以实现异步请求

它的执行并不影响js代码的执行（可以理解为开了一个线程去单独去干另一个活）

具体，在前端的体现为

1，异步发送请求

js代码不阻塞，不会影响其它js代码的渲染

2，实现无刷新更换内容

页面不刷新的情况下访问服务器，向服务器索要一些信息，用户无法察觉，这是一种偷偷发送的请求

等服务器回馈过来信息后，再根据服务器返回的信息，做下一步操作

比如，注册的时候。。。

ajax请求格式

两种写法

ajax格式，经典写法
第一阶：
$.ajax(字典)
第二阶，答题要写这种：
$.ajax({url: 请求路径,type: 请求方式，一般为GET或者POST，dataType: 处理的数据类型，data： 参数字典。请求时传递的参数,success: 匿函，error:匿函
})
备注
success的匿函说明，此匿名函数会在请求成功后，自动执行。匿函有一个形参，这个形参是服务端回过来的数据。
error的匿函说明，如曋请求失败，会自动触发error的匿函。ajax格式，新式推荐的写法
第一阶
$.ajax（字典）.done(匿函).fail（匿函）
第二阶，答题写这种：
$.ajax({url:请求路径，type:请求方式，dataType:处理数据类型，data:传参字典，
}).done（匿函）.fail（匿函）
备注，done中匿函有一个形参，它是请求获取到的数据对象简写形式
$.get(请求路径，回调函数）
$.post(请求路径，参数字典，回调函数）

简写形式

笔记

必填的三个

。。。。以下是历史记录。。。。。

什么是json

javascrip对象表示法

例子中有属性，有方法，talk就是方法

json格式相当于python中的字典

json的常见形态，列表或字典

这是一个json字典形态的例子

json，即有字符串，又有数组

配置服务器环境

windows的cmd命令简介

dir查看列表，相当于linux的ls

d: 进入到d盘

cd … 进入上一级

cd 路径进入指定的目录

服务器环境运行

先装一个node

再用node跑server.js

给出一个地址

在工作目录中搞一个index.html的文件

访问给的地址就可以开启一个服务器了

nodejs的下载与安装

https://blog.csdn.net/ifubing/article/details/94314088

ajax与jsonp

开始写ajax

造型

格式

比较一下传统写法与新写法

新代码的写法例子

收到的json数据是一个对象

可以通过对象.属性取值

本例中，取了值后，把值填入到标签内部，实现了修改标签的效果

练习，使用ajax技术完成一个模拟的登陆后返回数据并回填的情况

先写出样子

然后通过一个按钮来触发数据的填充

了解完整的过程

jquery-ajax请求-1909相关推荐

统一处理jquery ajax请求过程中的异常错误信息的机制
统一处理jquery ajax请求过程中的异常错误信息的机制参考文章: (1)统一处理jquery ajax请求过程中的异常错误信息的机制 (2)https://www.cnblogs.com/wi ...
ajax datatype为html,Jquery ajax请求中datatype的含义
一切从一个普通的前端ajax请求jspringMVC后端的例子开始, 前端jquery ajax 请求: $.ajax({ url: getAbsoluteUrl('score/findScore') ...
ajax反序列化出错,将数据从jquery ajax请求传递给wcf服务失败了反序列化？
我使用下面的代码来调用wcf服务.如果我调用不带参数的(测试)方法,但返回一个字符串,它工作正常.如果我一个参数添加到我的方法,我得到一个奇怪的错误:将数据从jquery ajax请求传递给wcf服务 ...
使用ETag识别ajax,如何使用jQuery AJAX请求访问ETag头？
我正在使用jQuery ajax调用来请求来自发送HTTP响应头中的ETag的服务器的数据.我需要访问标题,但是当请求成功并调用jqXHR.getAllResponseHeaders()时,我只能看到 ...
循环发ajax请求,在循环中发送jquery ajax请求
我在我的Web应用程序的Map中实现了"空间选择",它选择Streets的数量.选择后,我会为使用"选择处理程序"选择的所有街道获取唯一的街道标识.在循环中发送 ...
jQuery ajax请求两次问题,jquery ajax请求了两次问题
页面有一个请求form: 订单编号用户帐户发货状态请选择未发送已发送查询 JavaScript请求部分: function showdatalist() { var username = ...
ppst——技术视频 jquery ajax 请求同步异步的执行的设置
ppst 技术视频--技术视频 jquery ajax 请求同步异步的执行的设置:请访问ppst 技术视频分享平台 , www.ppst.cc,上面有最新的技术视频,推荐大家把博客录制成视频吧,可以 ...
ajax 怎么input赋值,jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签...
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签发布于 2016-11-25 16:26:40 | 111 次阅读 | 评论: 0 | 来源: ...
ajax调用ashx的方法,jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法
1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是&q ...
php中jquery ajax请求参数,浅谈Jquery中Ajax异步请求中的async参数的作用
之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html asy.js function testAsync{ var temp; $.ajax( ...

jquery-ajax请求-1909

ajax请求的功能

ajax请求格式

笔记

jquery-ajax请求-1909相关推荐

最新文章

热门文章