首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏wfaceboss

    Ajax Step By Step4

    第四,【$.ajax()】 $.ajax()是所有 ajax 方法中最底层的方法,所有其他方法都是基于$.ajax()方法的封装。这个方法只有一个参数,传递一个各个功能键值对的对象。 $.ajax()方法对象参数表:   参数   类型               说明                                   url     String           POST 或 GET,默认 GET                                   data   Object 或 String  发送到服务器的数据,键值对字符串或对象 //$.ajax 使用 $('input').click(function(){ $.ajax({ type:'POST', //这里可以换成 GET url:'test.php', data:{ url:'www.www

    44530发布于 2019-04-08
  • 来自专栏全栈程序员必看

    AJAX请求的4个步骤

    这时候就需要兼容性的写法 二、监听XHR状态改变事件 onreadystatechange()事件用于监听状态的变化 当readyState等于4时,处于完成状态,XMLHttpRequest

    59120编辑于 2022-08-29
  • 来自专栏一个会写诗的程序员的博客

    jQuery ajax - ajax() 方法jQuery ajax - ajax() 方法

    jQuery ajax - ajax() 方法 http://www.w3school.com.cn/jquery/ajax_ajax.asp jQuery Ajax 参考手册 实例 通过 AJAX 加载一段文本 语法 jQuery.ajax([settings]) 参数 描述 settings 可选。用于配置 Ajax 请求的键值对集合。 这是一个 Ajax 事件。如果返回 false 可以取消本次 ajax 请求。 这是一个 Ajax 事件。 global 类型:Boolean 是否触发全局 AJAX 事件。默认值: true。 设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 可用于控制不同的 Ajax 事件。

    17K30发布于 2018-08-17
  • 来自专栏从零开始学 Web 前端

    详细梳理ajax跨域4种解决方案

    Ajax 默认只能获取到同源的数据,对于非同源的数据,Ajax是获取不到的。 什么是同源? 不论是 Ajax 还是跨域,都是为了访问服务器的数据。简单的来说, Ajax 是为了访问自己服务器的数据,跨域是为了访问别人服务器的数据(比如获取天气信息,航班信息等)。 , proxy({target: 'http://39.105.136.190:3000/', changeOrigin: true})); app.listen(3000); 之后再项目中再次发送ajax $.ajax({ url: '/zhuiszhu/goods/getList', type: 'GET', success(res) {}, }); ? 对于开发者来说,CORS通信与同源的AJAX通信没有差别,代码完全一样。浏览器一旦发现AJAX请求跨源,就会自动添加一些附加的头信息,有时还会多出一次附加的请求,但用户不会有感觉。

    1.5K40发布于 2019-11-08
  • 来自专栏技术社区

    jQuery ajax - ajax()方法

    AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。 什么是 AJAX? 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。 使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。 关于 jQuery 与 AJAX jQuery 提供多个与 AJAX 有关的方法。 提示:如果没有 jQuery,AJAX 编程还是有些难度的。 编写常规的 AJAX 代码并不容易,因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。 不过,jQuery 团队为我们解决了这个难题,我们只需要一行简单的代码,就可以实现 AJAX 功能。

    10.7K20编辑于 2022-06-17
  • 来自专栏冷环渊的全栈工程师历程

    Ajax:初次认识ajaxajax使用方法

    Ajax研究 9.1、简介 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 Ajax 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。 使用Ajax,用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。 9.2、伪造Ajax 我们可以使用前端的一个标签来伪造一个ajax的样子。 jQuery 提供多个与 AJAX 有关的方法。 jQuery Ajax本质就是 XMLHttpRequest,对他进行了封装,方便调用! jQuery.ajax(...)

    7.1K20发布于 2021-10-19
  • 来自专栏全栈程序员必看

    AJAX读音_ajax怎么发音

    AJAX的国际音标是:[ˈeɪdʒæks],读音是”ei zhai ke s” AJAX全称”Asynchronous JavaScript and XML”(异步JavaScript和XML) AJAX 是由Jesse James Garrett提出的.首先是微软使用,后来经谷歌大力推广使用 AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术,这些技术包括:   web标准(standards-based 进行动态显示及交互;   使用 XML 和 XSLT 进行数据交换及相关操作;   使用 XMLHttpRequest 进行异步数据查询、检索;   使用 JavaScript 将所有的东西绑定在一起 AJAX

    5.3K20编辑于 2022-09-19
  • 来自专栏全栈程序员必看

    AJAX学习(一)AJAX基础

    AJAX学习(一)AJAX基础 举一个栗子 AJAX请求的五个步骤 AJAX详解 Jquery中的ajax ajax常用的格式 ajax在网络应用开发上运用很广泛,它能够达到局部刷新的效果,也就是页面的某一个组件或功能上进行客户端和服务端的数据交互来实现数据的刷新 ajax的可以用的地方很多,因此是一个很重要的知识点。 所以在此写下有关于我对ajax的学习的感悟和应用的一些实例和大家分享,也希望自己对它能够更加了解 举一个栗子 用javaWeb实现ajax请求和回应的过程 <html> <head> <meta charset (): 从responseXML得到XML形式 Jquery中的ajax 在实际运用中我们会比较常用Jquery来实现ajax,这样可以不需要在多去考虑浏览器的兼容和不同的实现问题,而且可以很方便地调用 jquery中ajax的方法 ajax常用的格式 $.ajax({     url : 'user/checkName',   <!

    2.1K40编辑于 2022-11-02
  • 来自专栏云计算linux

    Ajax之二 Ajax基础

    虽然Asp.Net AJAX尽量隐藏了Ajax的技术细节,但是要想明白Asp.Net AJAX能干什么,或者说要想扩展这个框架以便创建所需要的高级应用程序,那么就必须拥有关于Ajax的一些更加深入的知识 请求正在加载 2 请求已经加载完成 3 请求正在等待用户交互 4 XMLHTTP.send(null); } function stateChanged() { if(XMLHTTP.readyState==4 ; } functionhandleStateChange() { // 判断XMLHttpRequest对象读取服务器响应状态 4 说明对服务器响应读取完成 if(xmlHttp.readyState==4) { //判断Http状态码 200 说明服务器地址正确

    78610编辑于 2024-12-17
  • 来自专栏全栈程序员必看

    ajax html例子,AJAX实例

    AJAX实例 实例一:一个简单的AJAX实例 创建一个简单的XMLHttpRequest,从一个TXT文件中返回数据 实例 function loadXMLDoc() { var xmlhttp; ActiveXObject(“Microsoft.XMLHTTP”); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 ==200) { document.getElementById(“myDiv”).innerHTML=xmlhttp.responseText; } } xmlhttp.open(“GET”,”ajax_info.txt ActiveXObject(“Microsoft.XMLHTTP”); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 =4) return; if(xmlhttp.status!

    3.3K10编辑于 2022-09-22
  • 来自专栏CSDN迁移

    AJAX

    AJAX 一、AJAX 二、 XMLHttpRequest的概述 三、Ajax数据格式 四、JQuery中使用Ajax 五、Ajax使用Jackson 1. 代码 2. 注解 一、AJAX Asynchronous(异步的,不等待的) JavaScript And XML,多个技术联合实现的前端技术产物。 在服务器端,Ajax是一门与语言无关的技术。 if(request.readyState == 4){ //9.再判断响应是否可用:对象的status属性值为200 //status是服务器发送的状态码,1/2/3/4/5开头 四、JQuery中使用Ajax JQuery对Ajax进行了封装,最底层方法.ajax(),第二层是load(),.get()和.post(),第三层是.getScript()和 //load方法,加载后的数据是 (4)@JsonUnwrapped 作用在属性字段或方法上,用来将子JSON对象的属性添加到封闭的JSON对象。

    4.7K30编辑于 2022-10-25
  • 来自专栏天天

    $.ajax()

    $.ajax()详解 更加详细的资料查看jQuery参考手册 eg: $.ajax({ //请求方式 type 这是一个Ajax事件 。 complete:function(){ } })

    6K50发布于 2018-09-29
  • 来自专栏爱喝水的木子

    Ajax

    readyState五种状态 ​ 0 - (未初始化) 1 - (载入/正在发送请求) 2 - (载入完成/数据接收) 3 - (交互/解析数据)正在解析响应内容 4 - (后台处理完成)响应内容解析完成 get往服务端发送数据时,把数据写到url中,明文发送,可以从地址栏中直接看到,不安全 post往服务端发送数据是,把数据写到header后边,不写在url中,安全性更高 js原生,jquery, ajax 数据 jquery:.get 或则.post发送,参数是(url, json数据{}, 收到应答时的回调函数) 回调函数(服务端应答数据data, 状态码, XMLHttpRequest异步请求对象) ajax : $.ajax() 参数是json对象{url:, type:post/get, data:{}, 回调函数} 回调函数(服务端应答数据data, 状态码, XMLHttpRequest异步请求对象

    5.5K20编辑于 2022-01-12
  • 来自专栏python3

    AJAX

    4.监听服务器发送回的响应 AJAX实现过程 1.一个简单的html页面 <! ,由于get请求数据在url上,但send函数参数不能为空,所以 xmlHttp.send(null); 4.监听服务器响应 XMLHttpRequest对象在使用的时候有5种状态,每个状态对应着一个值 : 0:只是创建了XMLHttpRequest对象,还未调用open()方法; 1:open()方法已调用,但还没调用send()方法 2:send()方法已调用 3:开始读取服务器响应 4:读取服务器响应结束 createXMLHttpRequest(); xmlHttp.onreadystatechange= function(){ if(xmlHttp.readyState == 4 ("Script loaded and executed."); }); jquery1.2版本后可以跨域调用js文件 3.$.getJSON 相当于$.get()最后一个参数为json 4.$.ajax

    5.1K20发布于 2020-01-20
  • 来自专栏代码世界

    AJAX

    AJAX简介 我们之前知道的前端向后端发送数据的方式有:   GET:地址栏、a标签、Form表单   POST:Form表单 其实AJAX也是一种前端向后端发送数据的方式   AJAX url(r'^ajax_add/', views.ajax_add), url(r'^ajax_demo1/', views.ajax_demo1), ... ] AJAX常见的应用场景 AJAX请求无须刷新整个页面; 因为服务器响应内容不再是整个页面,而是页面中的部分内容,所以AJAX性能高;  缺点: 滥用AJAX,对服务端压力比较大。 ">send_Ajax</button> <script> //$.ajax的两种使用方式: //$.ajax(settings); //$.ajax(url,[ settings]); $(".send_Ajax").click(function(){ $.ajax({ url:"/handle_Ajax

    5K70发布于 2018-04-12
  • 来自专栏捞月亮的小北

    AJAX

    1.1 作用 ‍ AJAX 作用有以下两方面: 与服务器进行数据交换:通过 AJAX 可以给服务器发送请求,服务器将数据直接响应回给浏览器。 而我们学习了 AJAX 后,就可以使用 AJAX 和服务器进行通信,以达到使用 HTML+AJAX 来替换 JSP 页面了​。 ajaxServlet"); //发送请求 xhttp.send(); 获取响应 xhttp.onreadystatechange = function() {    if (this.readyState == 4 获取响应 xhttp.onreadystatechange = function () { if (this.readyState == 4 && this.status /01-ajax-demo1.html​ ,在 01-ajax-demo1.html​ 加载的时候就会发送 ajax​ 请求,效果如下 ​​ ​​ 我们可以通过​开发者模式​ 查看发送的 AJAX 请求

    60610编辑于 2023-12-01
  • 来自专栏posts

    ajax

    在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式,就是Ajax。 1、$.get() 功能单一,发起 get 请求,从服务器拿数据。 () 功能更多 $.ajax({ type: '', // 请求的方式 GET 或 POST url: '', // 请求的URL data: { },// 请求要携带的数据 取出数据 var data = { name: 'roydon' } // 4. jQuery 中的 Ajax 函数,就是基于 xhr 对象封装出来的。 使用xhr发起GET请求: // 1. 调用 send 函数,发起 Ajax 请求 xhr.send() // 4.

    2.8K60编辑于 2022-11-02
  • 来自专栏进击的君君的前端之路

    AJAX

    2、如何创建XMLHttpRequest对象: 一般使用new关键字进行创建,然后赋值给一个变量,如下: var xhr = new XMLHttpRequest(); 4、XMLHttpRequest 对象的常用属性 1、readyState 只读属性,表示XMLHttpRequest请求当前所处的状态,共有五个数字值(0,1,2,3,4,5)。 4:表示数据传输完成。 在通信过程中,每当发生状态变化的时候,readyState属性的值就会发生改变。这个值每一次变化,都会触发readyStateChange事件。 | 3、 statusText 与status属性类似,返回本次请求的状态,不同点在于,status只返回一个数字,而该属性返回一个字符串 ,包含整个状态信息,比如”200 OK“| 4、responseType 4、open() XMLHttpRequest对象的open方法用于指定发送HTTP请求的参数,常用的有三个参数: 第一个参数:请求的类型(常用get或者post); 第二个参数是接口名和:这里要分两种情况

    3K50发布于 2018-06-27
  • 来自专栏ymktchic

    ajax

    原生ajax AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML。 通过 AJAX 可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据。 AJAX 不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式。 XML简介 XML 可扩展标记语言。 原生js发送ajax请求 get请求 <! 发送 xhr.send(); //4. 事件绑定 处理服务端返回的结果 // on when 当....时候 // readystate 是 xhr 对象中的属性, 表示状态 0 1 2 3 4

    2K10编辑于 2022-01-18
  • 来自专栏技术小讲堂

    ASP.NET AJAX(1)__Microsoft AJAX LibraryASP.NET AJAX(1)__Microsoft AJAX Library

    ASP.NET AJAX(1)__Microsoft AJAX Library Microsoft AJAX Library为我们提供的客户端框架,提供的内容大概可以概括为以下的几种: javascript 基础扩展 浏览器兼容层 面向对象类型系统 客户端基础类库 异步通信层        Microsoft AJAX Library为我们提供了javascript基础扩展,一些在javascript Library为我们提供了浏览器兼容层这样一个概念,这样我们就可以不考虑(也不能说完全不考虑,只是这种情况少了很多)浏览器之间对javascript不同的支持,而去使用Microsoft AJAX Library 为我们提供的这一个跨浏览器的支持进行开发,而面向对象类型系统,则提高了我们代码的质量(这里,强调一下:合理使用),在Microsoft AJAX Library中,提供了一些在客户端可以直接使用的基础类库 ,而异步通信层,是把这些对象进行一些封装,然后丰富这些功能,实际上,在ASP.NET AJAX中,几乎所有的客户端和服务器端进行的交互,都是通过这里的异步通信层。

    1.5K40发布于 2018-03-07
领券