文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Ajax

，可以在客户端调用了 ​ status 状态码： ​ 常用： 200：请求成功（后台处理结果ok）、 303：重定向 400：请求错误、401：未授权、403：禁止访问、404：文件未找到 500：...服务器错误 ​ get往服务端发送数据时，把数据写到url中，明文发送，可以从地址栏中直接看到，不安全 post往服务端发送数据是，把数据写到header后边，不写在url中，安全性更高 js原生，...jquery, ajax写法上的不同 js原生：首先创建一个 XMLHttpRequest 通过这个对象打开url然后 send数据 jquery：.get 或则.post发送，参数是(url, json...数据{}, 收到应答时的回调函数) 回调函数(服务端应答数据data, 状态码, XMLHttpRequest异步请求对象) ajax: $.ajax() 参数是json对象{url:, type:post.../get, data:{}, 回调函数} 回调函数(服务端应答数据data, 状态码, XMLHttpRequest异步请求对象) ​```

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

    尽可能讲清楚ajax

    其实我们在进行任何操作的时候，前端都会向后端发送一个请求，后端接收到请求后会向前端送回响应。在这个过程中我们就需要ajax。 同步和异步 在讲ajax之前我们要了解一个很重要的概念。...4xx 客户端错误——处理发生错误，责任在客户端，如：客户端的请求一个不存在的资源，客户端未被授权，禁止访问等 5xx 服务器端错误——处理发生错误，责任在服务端，如：服务端抛出异常，路由出错，HTTP...隐式重定向 400 Bad Request 客户端请求有语法错误，不能被服务器所理解 403 Forbidden 服务器收到请求，但是拒绝提供服务，比如：没有权限访问相关资源 404 Not Found...405 Method Not Allowed 请求方式有误，比如应该用GET请求方式的资源，用了POST 500 Internal Server Error 服务器发生不可预期的错误。...效果展示 2.jQuery 第一步要在头部导入jquery库 ajax/libs/jquery/3.7.1/jquery.min.js

    6910

    Ajax详解（拓展：利用Ajax实现用户名的校验）

    uname='张三'&password='123'",true); ajax.send(null); ajax的post请求附带请求数据的方式 ajax.setRequestHeader("Content-Type...，继续处理 2**：操作成功收到，分析、接受 3**：完成此请求必须进一步处理 4**：请求包含一个错误语法或不能完成 5**：服务器执行一个完全有效请求失败 100——客户必须继续发出请求 101——...307——申明请求的资源临时性删除 400——错误请求，如语法错误 401——请求授权失败 402——保留有效ChargeTo头响应 403——请求不允许 404——没有发现文件、查询或URl 405—...409——对当前资源状态，请求不能完成 410——服务器上不再有此资源且无进一步的参考地址 411——服务器拒绝用户定义的Content-Length属性请求 412——一个或多个请求头字段在当前请求中错误...HTTP版本 JQuery下的Ajax jquery是js的一个轻量型框架，已经将js创建的操作进行了封装， 而ajax也是js的一部分，所以jQuery也已经将ajax进行了封装。

    1.3K10

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

    Ajax设置请求和接收响应、自己封装简易jQuery.Ajax 这篇文章是承接前几篇博客的,是前几篇继续学习 包括Ajax学习与理解和简化版自己实现jQuery等 这篇文章只算是我的个人学习笔记,内容没有精心排版...,一些错误请见谅....:这个函数必须按照规定的顺序传参,第二,如果没有参数就会出现类似于$.ajax("post",null,successFn,null)的情况,必须传有结构的参数(对象) 3.2什么是回调 在上面的代码中...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

    2.6K50

    ajax和fetch、axios的优缺点以及比较

    前端是个发展迅速的领域，前端请求自然也发展迅速，从原生的XHR到jquery ajax，再到现在的axios和fetch。...jquery ajax $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success...在MDN上，讲到它跟jquery ajax的区别，这也是fetch很奇怪的地方： 当接收到一个代表错误的 HTTP 状态码时，从 fetch()返回的 Promise 不会被标记为 reject， 即使该...比如： // jquery ajax $.post(url, {name: 'test'}) // fetch fetch(url, { method: 'POST', body: Object.keys...1）fetchtch只对网络请求报错，对400，500都当做成功的请求，需要封装去处理 2）fetch默认不会带cookie，需要添加配置项 3）fetch不支持abort，不支持超时控制，使用setTimeout

    9.3K20

    异步编程Ajax的详解，并对其进行封装整理

    （1）JQuery中的Ajax （2）封装准备工作 （3）封装$.get方法 （4）封装$.post方法 （5）封装$.ajax方法 五、Ajax的约束 六、结束语 一、什么是Ajax Ajax（Asynchronous...含义 100 ~ 199 连接继续 200 ~ 299 各种成功的请求 300 ~ 399 重定向 400 ~ 499 客户端错误 500 ~ 599 服务端错误 （2）xhr的基本使用 在使用xhr...大家都知道post请求的数据是放在请求体中的，因此我们需要调用xhr对象上的 setRequestHeader() 方法来模仿表单提交时的内容类型 该方法传入的参数比较固定，代码如下 xhr.setRequestHeader...文章开头提到，JQuery早已对Ajax请求进行了成熟的封装，所以我们可以借鉴它，甚至尽可能地去模仿它进行封装，在这之前，我们得先了解JQuery中Ajax的使用 （1）JQuery中的Ajax 这里我找来了几段使用...Ajax请求呢，而不会让你使用JQuery的。

    1.7K20

    通过ajaxreturn jquery json提交form

    在上面关于jquery.ajax的介绍中提到了，json可以作为一个ajax函数的dataType，这样数据就会通过json语法传输了。...整个过程是： 1.在php中编写页面中的表单、提交按钮等； 2.在js中对php中的按钮事件添加校验和触发函数，在js函数内，如果js对象的格式和内容正确就向控制器url（php中初始化）发起ajax请求...； 3.控制器中的相应操作响应ajax请求，并判断数据后做数据库读写操作，然后对数据库操作结果做出判断，ajaxReturn返回js需要的数组； 4.当ajax成功返回时，js中ajax的success...用click事件触发然后用$.ajax提交，在逻辑上更简单清晰，所以why not？ jquery提交之后，success 或者error都失效了，必须使用ajaxReturn....,1); }else{ //错误后返回错误的操作状态和提示信息 $this->ajaxReturn(0,"新增错误！"

    5K30

    高级前端：详解手写原生Ajax的实现

    含义 100 ~ 199 连接继续 200 ~ 299 各种成功的请求 300 ~ 399 重定向 400 ~ 499 客户端错误 500 ~ 599 服务端错误 （2）xhr的基本使用 在使用xhr...大家都知道post请求的数据是放在请求体中的，因此我们需要调用xhr对象上的 setRequestHeader() 方法来模仿表单提交时的内容类型 该方法传入的参数比较固定，代码如下 xhr.setRequestHeader...文章开头提到，JQuery早已对Ajax请求进行了成熟的封装，所以我们可以借鉴它，甚至尽可能地去模仿它进行封装，在这之前，我们得先了解JQuery中Ajax的使用 （1）JQuery中的Ajax 这里我找来了几段使用...方法 在JQuery中还有一个 ajax 方法，其既可以发送 get 请求，也可以发送 post 请求，该方法可传入多种参数，且支持 promise 处理回调函数 let $ = { createXHR...Ajax请求呢，而不会让你使用JQuery的。

    1.8K20

    JSONP原理以及示例（jsonp示例）

    JSONP原理 首先我们需要明白，在页面上直接发起一个跨域的ajax请求是不可以的，但是，在页面上引入不同域上的js脚本却是可以的，就像你可以在自己的页面上使用 标签来随意显示某个域上的图片一样...示例： jquery的jsonp跨域示例： 1、配置dataType： 服务端代码同上，ajax请求时只需配置一个dataType:’jsonp’，就可以发起一个跨域请求。...从请求的url上可以看到，自动带了一个callback=xxx，xxx是jquery随机生成的一个回调函数。...jsonpCallback: “showData”, //指定回调函数名称 4、看看jquery的jsonp是否支持POST方式： jsonp方式不支持POST方式跨域请求，就算这里指定成POST方式，...jsonp的实现方式其实就是脚本请求地址的方式一样，只是ajax的jsonp对其做了封装，所以可想而知，jsonp是不支持POST方式的。

    32810

    回调、使用Promise封装ajax()、Promise入门

    请看我写的封装的简易jQuery.ajax()中的successFN就是一个回调函数....只有在请求成功并接收到响应的时候才会执行这个success函数,这就是回调.传一个函数作为参数但是不执行,让另一个函数去调用,就是回调函数 1.2Callback 有点反直觉 callback 有一点「...代码都在这里 3.1 $.Ajax()中的promise 如果不使用promise,$.ajax请求的时候成功和失败的回调函数是写在参数里的,他是对象参数的一个值 $.ajax({ method...success:()=>{}//成功后的回调函数 error:()=>{}//失败后的回调函数 } ) 如果使用jQuery.axja()发送请求,并使用promise,...第一个要记住的:这个Promise必须接收一个函数,函数里面就是要做的事情(即发送请求,Ajax请求),一般来说,把所有东西放在里面,第一句就是return.然后要做的事情放在里面.

    3.4K51

    推荐学java——SpringMVC第一课

    请求中参数名和方法形参名不一致 tips：上面传参我们请求中的参数名和 Controller 中方法的形参名是一致的，那如果不一致，如何保证能收到请求中的参数值呢？..." src="/js/jquery-3.4.1.js"> 这需要注意一点，可能会遇到这样的错误： Failed to load...，如果你一开始是这么写的 js/jquery-3.4.1.js，那么并不会出现语法报错，但会出现我写的这个错误，就是这样的原因，需要添加请求上下文路径...然后在 body 中添加一个button，用于点击的时候发起ajax请求： 控制器返回类型是void--%> 发起...这一步搞定，我们的控制器，就是服务端还没写呢，和之前一样，在MyController 中新增一个方法如下： /** * 控制器返回类型是 void 使用ajax请求演示结果 * * @param

    1.5K50

    ASP.NET MVC (四、ASP.NET Web API应用程序与跨域操作)

    请求测试(必须使用模拟post请求的工具) 7、跨域配置  8、 测试【Ajax】的Get请求 9、测试【Ajax】的Post请求 前言： 本章节主要针对Web API进行基础教学以及强化训练，并对跨域操作做出详细的介绍与添加跨域配置信息...虽然REST本身受Web技术的影响很深， 但是理论上REST架构风格并不是绑定在HTTP上，只不过目前HTTP是唯一与REST相关的实例。  ...这个世界上只有一种真正的英雄主义： 认清生活的真相，并且仍然热爱它。难道向上攀爬的那条路，不是比站在顶峰更让人心潮澎湃吗？...(必须使用模拟post请求的工具) 必须Postman或其它工具访问： 7、跨域配置  只需要在【Web.config】的 标签内添加如下编码即可： 的Post请求 HTML编码： jquery.com/jquery-3.1.1.min.js"> $(document

    1.8K20

    Ajax出错并返回整个页面html的问题

    前台通常会用到jquery，通过执行jquery的ajax方法更加简单方便的完成任务请求。 简单描述下问题出现场景 tinkPHP在应用路由后的视图页面执行ajax，并没有正常放回数据。...以下代码描述了一个获取评论ID，到ajax请求的过程。根据后台处理规则，cmthot方法会返回一个更新的后点赞数据（data）返回到前台。...');         }     } 在上述代码中通过控制器将ajax获取的评论ID丢到模型（模型代码就不贴了）去处理后拿到的新增后的点赞数返回给前台。...前台（前述代码）通过.html重写了新的数据。 发现问题的根源出自路由 为了排错，当时就把ajax改成了a链接直接提交。返回的结果一切正常，也就是说后台控制器和模型均正常，没有错误。...问题应该还是在ajax上。 因为这个操作方式我在网站后台经常使用，按说也没有错误，再次到后台相同功能处比对。后台类似功能一切正常。 为了找出问题出现的原因，就比较了下网站前后台的差异。

    2K10

    Ajax请求SpringMVC Json数据报错Http 400（二）

    Ajax请求SpringMVC Json数据报错Http 400（二） 作者:幽鸿   Apr 15, 2016 9:54:50 PM 二、前台看http 400 Bad Request...错误     我们最常见的http错误恐怕就是404 not found错误了，这回碰到的是400 bad request错误。...这个400错误又称语法请求错误。就是说我们的请求语法是不被服务器所正确解析的。那么问题来了，看官可能要说，这么简单的一个ajax请求为什么不被spring mvc解析呢？    ...请看我注释的这一行：contentType : 'application/json'，如果注释掉这一行，这个请求就会success了，如果打开注释就会报如题的400错误。...来解析post data body，然后绑定到相应的bean上的，具体参考源代码HttpMessageConverters如何解析Class和MediaType。

    2.2K40
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券