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

Js原生Ajax和Jquery的Ajax

Js原生Ajax和Jquery的Ajax 一、Ajax概述 1.什么是同步,什么是异步 同步现象:客户端发送请求到服务器端,当服务器返回响应之前,客户端都处于等待 卡死状态 异步现象:客户端发送请求到服务器端...,无论服务器是否返回响应,客户端都可以随 意做其他事情,不会被卡死 2.Ajax的运行原理 页面发起请求,会将请求发送给浏览器内核中的Ajax引擎,Ajax引擎会提交请求到 服务器端,在这段时间里,客户端可以任意进行任意操作...事件中,我们规定当服务器响应已做好被处理的准备时所执行的任务。...形式也可以是json格式) callback:表示服务器端成功响应所触发的函数(只有正常成功返回才执行) type:表示服务器端返回的数据类型(jquery会根据指定的类型自动类型转换) 常用的返回类型...data:发送到服务器的参数,建议使用json格式 dataType:服务器端返回的数据类型,常用text和json success:成功响应执行的函数,对应的类型是function类型 type

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

    jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)

    大家好,又见面了,我是你们的朋友全栈君。 jqueryajax AJAX是与服务器交流数据的艺术,它在不重载全部页面的情况下,完成了对部分网页的更新。...获得外部的内容 亲身试一试 什么是AJAX? AJAX=异步JavaScript和XML(AsynchronousJavaScriptandXML)。...您可以在我们的AJAX教程中学到更多有关AJAX的知识。 关于jQuery与AJAX jQuery供给多个与AJAX有关的方法。...经过jQueryAJAX方法,您可以运用HTTPGet和HTTPPost从远程服务器上请求文本、HTML、XML或JSON-同时您可以把这些外部数据直接载入网页的被选元素中。...ajax请求的五个步骤jQuery 在原生Ajax中,它可分为五个步骤: 1.创建AJAX引擎对象–所有操作都是通过引擎对象(XMLHttpRequest) 2.绑定监听–监听服务器是否已经返回对应数据

    2.7K20

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

    一、JS中的Ajax ajax:异步访问/局部刷新 1.同步和异步 2.Ajax的运行原理 页面请求---->Ajax引擎----->提交给服务器端 这段时间可以做任何事情 服务器端响应------...>Ajax引擎----->触发设置好的事件,执行自定义的js逻辑代码,然后显示页面 js改变页面,其原理是改变的是内存 3.ajax实现 创建ajax引擎 为ajax对象绑定监听 绑定提交地址(get/...post) 发送请求 总结: 所有的异步访问都是通过ajax引擎 二、JSON传递数据(重点) 1.JSON在ajax中数据传递格式 JSON传递数据的一种格式,当使用异步传输的时候, 当服务器响应数据的时候...,需要使用一种格式在客户端和服务端进行传递 当服务端响应给客服端的时候响应的是字符串或者xml(ResponseText/ResponseXML), 如果响应一个对象给客户端的时候就不能表示. 2.JSON...格式 三、jQuery中的Ajax(重点) 再实际开发中使用下面三种方式: $.post(url,[date],[callback],[type]); $.get(url,[date

    3.7K40

    重定向与转发的区别_响应重定向和请求转发的区别

    重定向和转发的区别: 重定向和转发的区别就是请求服务器几次, 如果请求服务器地址没有变 说明这是一次请求 请求在自己的服务器里面流转 这就是转发 这是服务器行为。...如果请求服务器地址变了,说明这是请求了二次,第二次请求由客户端流浪器负责,在多台服务器之间流转 这就是客户端行为。...重定向: 1、重定向的速度比较慢,需要跨越服务器 2、重定向是两次不同的请求 3、重定向是执行重定向之后的代码 4、地址栏的地址是会发生变化的 5、重定向不包含项目的根目录 6、...重定向是会就是请求域中的数据 转发: 1、转发速度快,不需要跨越服务器,在自己项目的页面之间跳转 2、转发是同一次请求 3、转发是不会执行转发后代码 4、转发地址栏是没有变化的 5...、转发是包含项目的根目录的 6、转发请求域中的数据是不会丢失的 参考地址 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

    88810

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

    Ajax设置请求和接收响应、自己封装简易jQuery.Ajax 这篇文章是承接前几篇博客的,是前几篇继续学习 包括Ajax学习与理解和简化版自己实现jQuery等 这篇文章只算是我的个人学习笔记,内容没有精心排版...') 第四部分 request.send('a=1&b=2') request.setRequestHeader()方法需要注意的是此方法必须在 open() 方法和 send() 之间调用。...3 客户端/服务器模型 客户端使用js设置请求的四个部分, 服务器用nodejs也可以设置响应的四个部分 ? ? 为什么要三次握手? 三次握手: A:我能连你了吗?...4真正的jQuery.ajax()API如何使用 jQuery.ajax()API 例子 $.ajax({ type: "GET", url: "/test", dataType: "script...5函数传不同的参数 例如文档里的 jQuery.ajax( url [, settings ] ) jQuery.ajax( [settings ] ) jQuery.ajax第一个参数既可以是url

    3.3K50

    jQuery的ajax详解

    jQuery内部也封装了对原生ajax请求的方法,可以很方便我们的对后台异步请求处理。...()方法 语法1: jQuery.ajax( [settings ] ) settings 是一个普通的对象。...发送信息至服务器时内容编码类型。 data 类型:String 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。...success 类型:Function 请求成功后的回调函数。 参数:由服务器返回,并根据 dataType 参数进行处理后的数据;描述状态的字符串。 这是一个 Ajax 事件。...这个值将用来取代 jQuery 自动生成的随机函数名。这主要用来让 jQuery 生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。

    3.2K00

    Flask(重定向和错误响应 六)

    redirect(重定向)实现方式 from flask imports redirect @app.route('/') def index(): if request.args.get('...mimetype="text/html", ) response.headers["Location"] = location return response 重定向的...code默认为302 我们传入的第一个参数location被放入到了response.headers["Location"]中 浏览器处理工作: 先判断返回状态码是否为「30x」 查看返回的头信息中是否有...Location字段,如果有则访问新的网址 重定向的两种方式 redirect('/new/url') 不建议使用:url地址可能会发生变更,函数名变更比较少 redirect(url_for('endpoint...url_for带参数跳转 错误响应 没有任何处理的错误返回 from flask import Flask, render_template app = Flask(__name__, static_url_path

    2.6K20
    领券