zoukankan      html  css  js  c++  java
  • jQuery关于AJAX部分

    语法示例:

    $.ajax({
        url: '/xxx',  // 代表请求的服务器地址
        method: 'get|post|put|patch|delete|options', // 使用的请求方法
        headers: {},  // 设置请求头
        async: true|false, // 是否使用异步请求的方式
    
        contentType: 'application/x-www-form-urlencoded|...', // 请求的 enctype
        data: 'String'|Object|Array, // 传输的数据
        processData: true|false, // 如果 data 是字符串的话不处理,否则调用 $.param(data, traditional) => 'aaa=222&bbb=333'
        traditional: false|true,
    
        dataType: 'json?xml?html?text', // 默认根据 response 头部的信息自动推测
        xhrFields, cache, accepts, contents, crossDomain, conerters, jsonp, mimeType, timeout
    }).done((data) => {  // data 的类型,由 dataType 决定
        console.log(json.xxx)
    }).fail((xhr, status, err) { // 参数分别是 ajax 原生对象,错误状态,以及错误对象
        console.error(err);
    }).always(() => {
        console.log("终于结束了");
    });

    发送 JSON 到服务器:

    $.ajax({
        url: '/xxx',
        method: 'post',
        contentType: 'application/json',
        data: JSON.stringify({
            name: 'xxx', age: 12
        }),
    }).done((data) => {  // data 的类型,由 dataType 决定
        console.log(json.xxx)
    }).fail((xhr, status, err) { // 参数分别是 ajax 原生对象,错误状态,以及错误对象
        console.error(err);
    }).always(() => {
        console.log("终于结束了");
    });

    发送 formData 到服务器:

    var formData = new FormData();
    formData.append("name", "tomcat");
    
    $.ajax({
        url: '/xxx',
        method: 'post',
        contentType: 'application/json',
        data: formData,
        processData: false // 不要将 formData 转换为 xxx=222&yyy=333 的方式
    }).done((data) => {
        console.log(json.xxx)
    }).fail((xhr, status, err) {
        console.error(err);
    }).always(() => {
        console.log("终于结束了");
    });
  • 相关阅读:
    Maven安装与环境配置(Windows)
    Java配置----JDK开发环境搭建及环境变量配置
    js中的join(),reverse()与 split()函数用法解析
    Vue2.0 搭建Vue脚手架(vue-cli)
    vue: WebStorm设置快速编译运行
    优秀博客推荐
    Springboot读取自定义配置文件节点
    vue——报错:Cannot read property '__ob__' of undefined
    css——内容溢出显示垂直滚动条,内容不超出就不显示滚动条
    js——实现多选
  • 原文地址:https://www.cnblogs.com/ljj5/p/9914959.html
Copyright © 2011-2022 走看看