首页 > Web开发 > 详细

jquery get-post请求

时间:2017-10-09 23:31:22      阅读:340      评论:0      收藏:0      [点我收藏+]

API

var reqUrl = "http://192.168.31.162:8081/obtain/onlineState?name=aa01&password=010203";
/**
 * 页面
 *    http://192.168.31.162:8081/http/jquery/Jq01-HttpRequest.html
 * jquery http get
 *  http://www.cnblogs.com/summers/p/3225375.html
 */
function testJqueryHttpGet() {
    debugger;
    $.get(reqUrl, function (data, status) {
        console.log(data);
        console.log(status);
    });
}
/**
 * jquery http get json
 */
function testJqueryHttpGetJson() {
    debugger;
    $.getJSON(reqUrl, {"height": "1920"}, function (data, status) {
        console.log(data);
        console.log(status);
    });
}

var postUrl = "http://192.168.31.162:8081/update/remoteClientInfo";
/**
 * jquery http post json
 */
function testJqueryHttpPost() {
    debugger;
    var jsonObj = {
        name: "AAA",
        pwd: "aaa"
    };
    $.post(postUrl, JSON.stringify(jsonObj), function (data, status) {
        console.log(data);
        console.log(status);
    }, "json", "application/json");
}
/**
 * Ref:
 *  http://www.jb51.net/article/62703.htm
 */
function testJqueryHttpAjax() {
    debugger;
    $.ajax({
        type: "post",
        dataType: "json",
        contentType: "application/json",
        timeout: 3000,
        url: postUrl,
        data: ‘{"name":"aa01","password":"010203"}‘,
        success: function (response) {
            console.log(response);
        },
        error: function (request, errorType, errorMessage) {
            console.log("[" + errorType + "] " + errorMessage);
        },
        beforeSend: function () {
            // do something like .addClass(‘is-fetching‘)
        },
        complete: function () {
            // do something like removeClass(‘is-fetching‘)
        }
    });
}

参考:

     jQuery 参考手册 - Ajax

     jQuery - AJAX get() 和 post() 方法 w3c

     jQuery中ajax的4种常用请求方式

     jQuery调用ajax请求的常见方法汇总

jquery get-post请求

原文:http://www.cnblogs.com/zhen-android/p/7643394.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!