js中的ajax和jquery中的ajax学习笔记

2022-06-30 10:29:28 浏览数 (1)

一、JS中的Ajax

ajax:异步访问/局部刷新

1.同步和异步

2.Ajax的运行原理

代码语言:javascript复制
页面请求---->Ajax引擎----->提交给服务器端

这段时间可以做任何事情

服务器端响应------>Ajax引擎----->触发设置好的事件,执行自定义的js逻辑代码,然后显示页面

js改变页面,其原理是改变的是内存

3.ajax实现

创建ajax引擎

为ajax对象绑定监听

绑定提交地址(get/post)

发送请求

总结:

代码语言:javascript复制
所有的异步访问都是通过ajax引擎

二、JSON传递数据(重点)

1.JSON在ajax中数据传递格式

代码语言:javascript复制
JSON传递数据的一种格式,当使用异步传输的时候,
当服务器响应数据的时候,需要使用一种格式在客户端和服务端进行传递
当服务端响应给客服端的时候响应的是字符串或者xml(ResponseText/ResponseXML),
如果响应一个对象给客户端的时候就不能表示.

2.JSON格式

三、jQuery中的Ajax(重点)

代码语言:javascript复制
    再实际开发中使用下面三种方式:
    $.post(url,[date],[callback],[type]);
    $.get(url,[date],[callback],[type]);
    $.ajax([options]);

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/100806.html原文链接:https://javaforall.cn

0 人点赞