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");
}