使用jquery发送ajax请求

最新推荐文章于 2024-10-22 15:15:00 发布

胡大炮的妖孽人生

最新推荐文章于 2024-10-22 15:15:00 发布

阅读量3.2k

点赞数 1

分类专栏： js 文章标签： jquery ajax url

本文链接：https://blog.csdn.net/huplion/article/details/71773704

版权

js 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

首先你要引入一个Jquery库

发送的内容的格式例如下面这两段:

POST:

function do_login() {
    $.ajax({
    url: '/login.html',
    type: 'POST',
    data: 'username=admin&password=123',
    async: true,
    cache: false,
    contentType: "application/x-www-form-urlencoded",
    processData: false,
    success: function (returndata) {
        alert('请求发送成功');
    },
    error: function (returndata) {
        alert('请求发送失败');
    }
});

GET

function do_login() {
    $.ajax({
    url: '/login.html',
    type: 'GET',
    data: 'username=admin&password=123',
    async: true,
    cache: false,
    contentType: false,
    processData: false,
    success: function (returndata) {
        alert('请求发送成功');
    },
    error: function (returndata) {
        alert('请求发送失败');
    }
});

以上的某些字段的说明:

type:发送的http请求的类型
data:发送的请求体的部分,存放一些请求参数
async:推荐true 使用异步执行http请求,false 使用同步执行http请求,请求结果返回之前不执行其他js,某些浏览器可能不能正常工作,如Chrome的某些版本
success: 成功回调
error:失败回调,在网络请求失败,或者http的状态码为4XX,5XX的时候会触发这个回调~