JS中AJAX知识

1. ajax介绍

传统web交互模型,浏览器直接将请求发送给服务器,服务器回送响应,直接发给浏览器,Ajax交互模型,浏览器首先将请求 发送 Ajax引擎(以XMLHttpRequest为核心)AJax引擎再将请求发送给 服务器,服务器回送响应先发给Ajax引擎,再由引擎传给浏览器显示

2. 同步交互模式和异步交互模型

a、同步交互模式,客户端提交请求,等待,在响应回到客户端前,客户端无法进行其他操作

b、异步交互模型,客户端将请求提交给Ajax引擎,客户端可以继续操作,由Ajax引擎来完成与服务武器端通信,当响应回来后,Ajax引擎会更新客户页面,在客户端提交请求后,用户可以继续操作,而无需等待 。

3. 图示ajax运行原理

4. ajax简单代码

5. ajax 中get和post方法

get:

post:

时间: 2024-10-05 21:36:57

JS中AJAX知识的相关文章

js中ajax如何解决跨域请求

js中ajax如何解决跨域请求,在讲这个问题之前先解释几个名词 1.跨域请求 所有的浏览器都是同源策略,这个策略能保证页面脚本资源和cookie安全 ,浏览器隔离了来自不同源的请求,防上跨域不安全的操作. 跨域指的协议.域名.端口 有一个不同的情况下都是跨域 例:在本站点请求外站的数据是不允许的 //在本站点请求外站点的资源是不允许的 $(function () { $.ajax({ url: "http://127.0.0.1:14847/Web/jsonp.js", success

prototype.js 和 jQuery.js中 ajax 的使用

这次还是prototype.js 和 jQuery.js冲突的问题,前面说到过解决办法http://www.cnblogs.com/Joanna-Yan/p/4836252.html,以及上网说的大部分方法都只能解决$的冲突问题.我先引入了prototype.js 再引入jQuery.js,在用了jquery中的$,然后来用prototype中的ajax的时候,ajax的方法就不启作用了. 最后改为了用 jQuery.js中 ajax .现在记录下两者ajax调用的区分: <%@ page la

js中ajax的异步性

最近项目里遇到ajax异步性的问题,简化后的代码如下: function ajaxGetEvents(calendarView, time) { var year = time.getFullYear(); var month = time.getMonth() + 1 < 10 ? "0" + (time.getMonth() + 1) : time.getMonth() + 1; var day = time.getDate() < 10 ? "0"

js 中ajax请求时设置 http请求头中的x-requestd-with= ajax

今天发现 AngularJS 框架的$http服务提供的$http.get() /$http.post()的ajax请求中没有带 x-requested-with字段. 这样的话,后端的php 就无法判断 接受的http请求是否是 ajax请求了. 怎么办呢,显然就是给http 请求头中 加上这个字段就可以了. 1.AngularJS 中可以这样子: I don't know well MVC3 but you can set a custom header for all request fr

三、Node.js中基础知识

1.控制台console对象的方法: 1) console.log(); //显示一行字符串 2) console.info(); //与1)完全相同 3) console.error(); //标准错误输出流的输出 4) console.warn(); //与3)完全相同 5) console.dir(); //查看一个对象中的内容并将其信息输出到控制台 6) console.time(); //标记开始时间 7) console.timeEnd(); //标记结束时间 8) console.

JS基础----&gt;js中ajax的使用

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术.今天我们就简单的学习一下ajax的使用及过程. ajax的使用 先贴出大致的代码,是请求本地的一个servlet,返回json格式的数据. function ajaxTest(argument) { var xmlhttp; if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRe

js中Ajax传值方式

方式一: $.post('../Ajax/GoodsAjax.ashx?cmd=getGsList', function (result) {   var result = eval('(' + result + ')');   if (result.rbool) {      $('#creatLi').html("");      var li = "";     //动态添加商品类别样式    $.each(result.fList, function (f,

js中ajax异步导致的一些问题

问题1:ajax默认是异步,所以在ajax中对外面定义的变量赋值,不能正确赋值 1 $("form").submit(function () { 4 var flag; 5 $.ajax({ 6 type: 'GET', 7 url: "@Url.Action("action", "controller")", 9 //async: false, 10 success: function (data) { 11 if (dat

【前端学习笔记】2015-09-11~~~~ js中ajax请求返回案例

<body><textarea id='a' rows=100 cols=300>result:</textarea>><script>var a=document.getElementById("a");var http1=new XMLHttpRequest;http1.open("GET","http://apis.baidu.com/heweather/weather/free?city=zhe