首页
学习
活动
专区
圈层
工具
发布

原生JS与jQuery对AJAX的实现

没有缓存 POST发送的数据量大 AJAX无法发送文件 readyState改变时触发onreadystatechange事件,4为完成 status是返回状态,200是成功,404...是未找到页面 responseText是返回的数据,为字符串格式 三、jQuery实现AJAX 1.GET 使用get()方法时,采用GET方式向服务器请求数据,并通过方法中回调函数的参数返回请求的数据...,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: $.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径...: function (data) {     alert(1);   } }); 4.getJSON 使用getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数组,并对获取的数据进行解析...一般是200正常;404未找到页面,一般是URL错误,或者后台没有创建相应的action;500内部服务错误,多为后台错误。

4K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    初学者必看Ajax的总结

    3:请求在处理中;通常响应中已有部分数据可用了,但是服务器还没有完成响应的生成。 4:响应已完成;您可以获取并使用服务器的响应了。...在项目中需要传递一些参数给服务器中的页面,那么可以使用$.get()和$.post()或$.ajax()方法 注意:$.get()和$.post()方法是 jquery 中的全局函数 $.get()方法...()方法 它与$.get()方法的结构和使用方式相同,有如下区别 GET 请求会将参数跟张乃 URL 后进行传递,而 POST 请求则是作为 Http 消息的实体内容发送给 web 服务器,在 ajax...在 PHP 中,GET 方式用$_GET[]获取;POST 方式用$_POST[]获取;两种方式都可用$_REQUEST[]来获取 总结 使用load() 、$.get()和$.post()方法完成了一些常规的...注意:在远程请求时,所有的 POST 请求都将转为 GET 请求json:返回 JSON 数据jsonp:JSONP 格式,使用 jsonp 形式调用函数时,例如:myurl?call back=?

    3.7K40

    Ajax设置请求和接收响应、自己封装简易jQuery.Ajax、回调函数

    所有代码都在这里,从历史commit可以看到所有代码,摆阔一个简易的node.js服务器 所有代码在历史commit里(AjaxStudy---github) 1JS设置任意请求 一个http请求分为四个部分...XMLHttpRequest.setRequestHeader() 另外需要注意的是,如果设置西请求方法为get 并且设置了请求体(第四部分),在谷歌浏览器中看不到请求体,不报错但是不显示 示例代码:...失败时:(假如请求一个不存在的路径,响应状态码是404,但是也有响应体responseText) 例如,访问一个不存在的路径/frank: myButton.addEventListener("click...:这个函数必须按照规定的顺序传参,第二,如果没有参数就会出现类似于$.ajax("post",null,successFn,null)的情况,必须传有结构的参数(对象) 3.2什么是回调 在上面的代码中...,在ajax函数中传了一个successFN,failFn函数作为参数,但是执行的时候是在别的地方执行的(在request.onreadystatechange里) if(request.readyState

    3.3K50

    30分钟全面解析-图解AJAX原理

    一、什么是 AJAX  1.为什么需要AJAX 当需要从服务器获取数据,并刷新页面的操作,如果不采用AJAX,则需要用提交整个表单的方式,当提交表单时,发送请求给服务器,页面需要等待服务器发送完response...使用Form获取请求的键值对的值的前提条件是HTTP request Content-Type 值必须是"application/x-www-form-urlencoded" 或 "multipart/...在传输过程中,我们可以看下HTTP Headers。 三、AJAX提交请求和服务响应的原理 1.代码 客户端HTML代码: 在传输过程中,我们可以看下HTTP Headers: 7.AJAX  GET和POST方式区别 AJAX发送请求和POST发送请求的代码如下: //GET方式 function testGet() {...等等) statusText 服务器返回的状态文本信息 ,HTTP状态码的相应文本(OK或Not Found(未找到)等等) 五、JQuery实现AJAX 下面的代码实现了当切换DropDownList

    4.3K121

    Python爬虫之Splash详解

    例如,我们在本机 8050 端口上运行了 Splash 服务,打开 http://localhost:8050/ 即可看到其 Web 页面。...当 Splash 执行到此方法时,它会转而去处理其他任务,然后在指定的时间过后再回来继续处理。 这里值得注意的是,Lua 脚本中的字符串拼接和 Python 不同,它使用的是.. 操作符,而不是 +。...args 该属性可以获取加载时配置的参数,比如 URL,如果为 GET 请求,它还可以获取 GET 请求参数;如果为 POST 请求,它可以获取表单提交的数据。...,然后等待 1 秒,1.2 秒时再次获取网页截图,访问的页面是淘宝,最后将截图结果返回。...POST 请求,不过多了一个参数 body,使用方法如下: response = splash:http_post{url, headers=nil, follow_redirects=true, body

    1.5K11

    快速学习-登录功能实现-页面中错误提示

    8) JSP的隐含对象 ① out(JspWriter):相当于response.getWriter()获取的对象,用于在页面中显示信息。...首先,同步请求时,用户只能等待服务器的响应,而 不能做任何操作。其次,如果请求时间过长可能会给用户一个卡死的感觉。...true 是异步请求 false 不是异步请求(同步请求) ② send(string) send()用于将请求发送给服务器,可以接收一个参数 ① string参数 该参数只在发送post请求时需要...status ①请求的响应码 200 响应成功 404 页面未找到 500 服务器内部错误 … … … … onreadystatechange ①该属性需要指向一个函数 ②该函数会在readyState...7.4.4 使用JQuery框架来发送异步请求 JQuery是当前比较主流的 JavaScript 库,封装了很多预定义的对象和实现函数,帮助使用者建立有高难度交互的页面,并且兼容大部分主流的浏览器.

    2.6K30

    Nginx 缓存集成

    ,会先从缓存中去查询获取数据,如果缓存中有就会直接返回给用户,如果缓存中没有,则会发请求从服务器重新查询数据,将数据返回给用户的同时将数据放入缓存,下次用户就会直接从缓存中获取数据。...默认缓存 HTTP 的 GET 和 HEAD 方法的请求资源,不缓存 POST 方法的请求资源。...第一次访问 192.168.200.113:8080/jquery.js,如图: 因为第一次访问时,正在缓存,所以返回的请求头 MISS 是没有缓存成功。...:8080/jquery.js,它依然返回 404 页面,因为 /jquery.js 请求目前被缓存为 404,还没到 30 秒过期,等 30 秒后再访问,就成功了。...,也就是虽然缓存了指定的资源,但请求过来也不会去获取它,而是去服务器里获取资源。

    3.2K20

    AJAX和JSON

    /server/slider.json", true) GET与POST的区别 与POST相比,GET 更简单也更快,并且在大部分情况下都能用,然而,在以下情况中,必须使用POST请求: 无法使用缓存文件...(更新服务器上的文件或数据库) 向服务器发送大量数据(POST没有数据量限制) 发送包含未知字符的用户输入时,POST比GET更稳定也更可靠 同步与异步的区别 同步:提交请求->等待服务器处理->处理完毕返回这个期间客户端浏览器不能干任何事...请求时可以传入参数,不需要则发送null,在调用send方法之后请求被发往服务器。...如何添加HTTP头 如果需要像HTML表单那样POST数据,需使用setRequestHeader()来添加HTTP头,然后在 send() 方法中规定希望发送的数据 语法:xmlHttp.setRequestHeader...: responseText——从服务器进程返回数据的字符串形式 responseXML———从服务器进程返回的DOM兼容的文档数据对象 status——从服务器返回的数字代码,如 404(未找到) 、

    3.5K20

    Ajax详解

    status           从服务器返回的数字代码,比如常见的404(未找到)和200(已就绪)     status Text       伴随状态码的字符串信息 readyState       ...二、jquery中的ajax 先写一个简单例子 $.ajax({ type : 'post', url : 'http://localhost:8080/devLean...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数  $.ajax 中的contentType 在http 请求中,get 和 post 是最常用的。...key=fdsa&lang=zh 这是get , 而 post 请求则是使用请求体,参数不在 url 中,在请求体中的参数表现形式也是: key=fdsa&lang=zh的形式。...$.ajax 中的dataType 预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML。

    2.5K50

    Node.js 基础知识:没有依赖关系的 Web 服务器

    403:禁止访问,用户通常已被认证,但是这项操作未被授权,同样,在某些服务端可能会与 401 状态码混淆。 404:未找到,提供的 URL 找不到指定页面或数据。...查询参数并不固定,因此我们可以添加任意数量的内容,也可以在将来删除/添加新内容。 为了在我们的服务程序中获取到它,我们使用 request.url 属性,在 路由 小节中我们已经用到过。...让我们写一个简单的服务程序,这个程序期望从 POST 请求中获取一个 JSON 对象,并且当获取的并非有效 JSON 时将返回 400 状态码。...首先,使用一个 GET 方法来查询: > curl http://localhost:8080 Unsupported method, please POST a JSON object 现在,使用一个随机字符串作为我们的数据来发起一个...POST 请求 > curl -X POST -d "some random string" http://localhost:8080 Invalid JSON 最后,产生一个正确的响应并查看结果

    1.9K30

    Js原生Ajax和Jquery的Ajax

    Js原生Ajax和Jquery的Ajax 一、Ajax概述 1.什么是同步,什么是异步 同步现象:客户端发送请求到服务器端,当服务器返回响应之前,客户端都处于等待 卡死状态 异步现象:客户端发送请求到服务器端...0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成,且响应已就绪 status 200: "OK" 404: 未找到页面 在 onreadystatechange...事件中,我们规定当服务器响应已做好被处理的准备时所执行的任务。...、是否异步(true异步,false同步) xmlHttp.open("POST",url,true); //post提交在发送请求之前设置一个头 xmlHttp.setRequestHeader...js原生的ajax进行了封装,封装后的ajax的操 作方法更简洁,功能更强大,与ajax操作相关的jquery方法有如下几种,但开发中 经常使用的有三种 1).get(url, [data], [callback

    21.4K20
    领券