jquery中的ajax 网络请求

最近把多年前的点滴知识整理分享出来,大家多多交流哈
岁月如梭,不知是何时的整理了


1、GET请求

1.1 get String 请求

请求语法格式


/**
 *参数一   请求地址
 *参数二   请求参数封装
 *参数三   响应结果回调函数
 */
$.get(url,{},function());

实例操作

/**
 *GET方式提交String 数据
 */
function getString() {

    $.get(url, {
        userName: encodeURI($("#userName").val()),
        phone: encodeURI($("#phone").val())
    }, function (data, textStatus) {
        $("#get_string").html("getString 响应数据为 " + decodeURI(data) + " 请求结果为  " + textStatus);
    });
}
1.2 get Xml 请求

请求方法格式

/**
 *参数一   请求地址
 *参数二   请求参数封装
 *参数三   响应结果回调函数
 *参数四   请求响应数据格式
 */
$.get(url,{},function(),"xml");

请求实例

/**
 *GET方式提交XML 数据
 */
function getXml() {
    $.get(url, {
        userName: encodeURI($("#userName").val()),
        phone: encodeURI($("#phone").val())
    }, function (data, textStatus) {
        $("#get_xml").html("getXml 响应数据为 " + decodeURI(data) + " 请求结果为  " + textStatus);
    }, "xml");
}
1.3 get JSON 请求

请求语法格式

/**
 *参数一   请求地址
 *参数二   请求参数封装
 *参数三   响应结果回调函数
 *参数四   请求响应数据格式
 */
$.get(url,{},function(),"json");

请求实例

    实例

/**
 *GET方式提交JSON 数据
 */
function getJSON() {
    $.get(
            url,
            {
                userName: encodeURI($("#userName").val()),
                phone: encodeURI($("#phone").val())
            },
            function (data, textStatus) {
                $("#get_json").html("getJson 响应数据为 " + decodeURI(data) + " 请求结果为  " + textStatus);
                var userName = data.userName;
                var phone = data.phone;
                $("#get_json_2").html("响应数据为 userName is " + userName + "  phone is   " + phone);
            },
            "json"
    );
}

2、POST请求

2.1 post String 请求

请求语法格式

/**
 *参数一   请求地址
 *参数二   请求参数封装
 *参数三   响应结果回调函数
 */
$.post(url,{},function());

请求实例

/**
 *POST方式提交String 数据
 */
function postString() {
    $.post(
            url,
            {
                userName: encodeURI($("#userName").val()),
                phone: encodeURI($("#phone").val())
            },
            function (data, textStatus) {
                $("#post_string").html("postString 响应数据为 " + decodeURI(data) + " 请求结果为  " + textStatus);
            }
    );
}

2.2 post Xml 请求

请求语法

/**
 *参数一   请求地址
 *参数二   请求参数封装
 *参数三   响应结果回调函数
 *参数四   请求响应数据格式
 */
$.post(url,{},function(),"xml");

请求实例

/**
 * Post方式提交XML数据
 */
function postXml() {
    $.post(
            url,
            {
                userName: encodeURI($("#userName").val()),
                phone: encodeURI($("#phone").val())
            },
            function (data, textStatus) {
                $("#post_xml").html("poxtXml 响应数据为 " + decodeURI(data) + " 请求结果为  " + textStatus);
            },
            "xml"
    );
}
2.3 post Json请求

请求语法

/**
 *参数一   请求地址
 *参数二   请求参数封装
 *参数三   响应结果回调函数
 *参数四   请求响应数据格式
 */
$.post(url,{},function(),"json");

请求实例

/**
 * post方式提交 JSON数据
 */
function postJson() {
    $.post(
            url,
            {
                userName: encodeURI($("#userName").val()),
                phone: encodeURI($("#phone").val())
            },
            function (data, textStatus) {
                $("#post_json").html("getJson 响应数据为 " + decodeURI(data) + " 请求结果为  " + textStatus);
                var userName = data.userName;
                var phone = data.phone;
                $("#post_json_2").html("响应数据为 userName is " + userName + "  phone is   " + phone);
            }, "json");
}
早起的年轻人 CSDN认证博客专家 移动开发 项目管理 Java
只要用心去做,每一件事情还是有可能成功的,当然成功是没有界限的,只不过是达到自己心里的那个目标,公众号:我的大前端生涯,一个爱喝茶的程序员,通常会搞搞SpringBoot 、Herbinate、Mybatiys、Android、iOS、Flutter、Vue、小程序等.
©️2020 CSDN 皮肤主题: 代码科技 设计师:Amelia_0503 返回首页