AJAX

作者: 莱昂纳多迪卡普里奥 | 来源:发表于2018-11-02 21:45 被阅读0次

AJAX(Asynchronous JavaScript and XML) 异步的javascript和XML

  1. 普通方式创建XHR对象发送ajax请求

     var xhr = new XMLHttpRequest()
    

1.1 open(method,url,async)

   /**
     * method 指定请求的方式 一般有GET/POST
     * url 指定请求的地址 可以是绝对地址也可以是相对地址
     * async 指定是否是异步请求 一般为true 即发送一个异步请求
     */

1.2 send(string)

 /**
   * string 代表请求的参数
   */

1.3 举例说明

//GET请求
var xhr = new XMLHttpRequest();
xhr.open(GET,"UserController.do",true);
xhr.send();
//POST请求
var xhr = new XMLHttpRequest();
xhr.open(POST,"UserController.do",true);
xhr.send(user);
  1. 使用jQuery发送ajax请求(推荐)

     $.ajax({
       type: "GET",//请求类型
       url: "/user/UserController.do" //请求地址
       data:{
           userId: "123"
       }, //请求参数
       dataType: "json", //返回数据格式
       success: function(res){ //成功回调函数
           console.log(res)
       },
       error: function(err){ //失败回调函数
           alert(err.status)
       }
     });
    
  2. ajax跨域问题
    只要协议、域名、子域名、端口有任何一个不同,都被当作是不同的域。

解决跨域https://www.cnblogs.com/lxwphp/p/8080188.html

相关文章

  • AJAX

    主要内容: ajax 是什么、原生ajax 写法和jQuery ajax写法。 AJAX 是什么 ajax,即As...

  • JavaScript进阶知识点--AJAX及JSON

    AJAX 关于 AJAX 什么是 AJAX AJAX 的全称是 Asynchronous JavaScript a...

  • HTML5权威指南 | 第五部分 高级功能

    三十二、使用AJAX(上) Ajax起步: 使用Ajax事件: Ajax请求的错误处理: 中止Ajax请求: 三十...

  • ajax学习笔记

    Ajax学习笔记 Ajax简介 1. Ajax是什么? Ajax : Asynochronous javascri...

  • AJAX

    一、简介 AJAX菜鸟教程 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。 AJAX...

  • js之AJAX复习

    异步交互和同步交互 什么是Ajax? Ajax的工作原理。 Ajax包含的技术: Ajax的缺陷: Ajax的核心...

  • 复习jQuery - ajax

    jQuery ajax - ajax() 方法 $.ajax({ url:'oo.php', ...

  • jQuery中Ajax请求的使用和四个步骤示例

    ajax() 方法用于执行 AJAX(异步 HTTP)请求,所有的 jQuery AJAX 方法都使用 ajax(...

  • ajax

    1、什么是ajax? 2、ajax的原理 3、ajax的核心对象 4、ajax的优点: ajax的缺点: 被jqu...

  • ajax

    Ajax 1 - 请求纯文本 Ajax 2 - 请求JSON数据 Ajax 3 - 请求Github接口 Ajax...

网友评论

      本文标题:AJAX

      本文链接:https://www.haomeiwen.com/subject/wcqhxqtx.html