zoukankan      html  css  js  c++  java
  • js 调用接口并传参

    注:需先引入 jquery.json-xx.min.js

    1. 参数跟在url后面

    var name = '王一';
    var age = 18;
    $.ajax({
        type : 'get',
        url : "xxxxxx?name="+name+"&age="+age,
        async : false,//同步/异步
        contentType : "application/x-www-form-urlencoded; charset=gbk",
        dataType : 'json', //返回 JSON 数据
        beforeSend : function() { //调用前触发,如加载效果等
            show('.load'); 
        },
        success : function(data, status) {
            var rstate = data.result;
            if (rstate == "0") {
                alert('接口调用成功!');
            } else {
                alert('接口调用失败!');
            }
        },
        complete : function() { //调用后触发(不管成功或失败)
            hide('.load);
        },
        error : function(data, status, e) {
            alert('接口调用错误!');
        }
    });

    2. 参数在data内

    $.ajax({
        type : 'get',
        url : 'xxxxx',
        async : false,
        contentType : "application/x-www-form-urlencoded; charset=gbk",
        data : {
            'name': '王一', //json格式
            'age': '18'
        },
        dataType : 'json',
        beforeSend : function() { 
            show('.load'); 
        },
        success : function(data, status) {
            var rstate = data.result;
            if (rstate == "0") {
                if (rstate == "0") {
                alert('接口调用成功!');
            } else {
                alert('接口调用失败!');
            }
        },
        complete : function() { 
            hide('.load);
        },
        error : function(data, status, e) {
            alert('接口调用错误!');
        }
    });    

    3. param传参

    var obj = new Object();
    obj.name = '王一';
    obj.age = 18;
    $.ajax({
        type : 'post',//也可为get
        url : 'xxxxx',
        async : false,
        contentType : "application/x-www-form-urlencoded; charset=gbk",
        data : {
            param : $.toJSON(obj) //转换为json格式
        },
        dataType : 'json',
        beforeSend : function() { 
            show('.load'); 
        },
        success : function(data, status) {
            var rstate = data.result;
            if (rstate == "0") {
                if (rstate == "0") {
                alert('接口调用成功!');
            } else {
                alert('接口调用失败!');
            }
        },
        complete : function() { 
            hide('.load);
        },
        error : function(data, status, e) {
            alert('接口调用错误!');
        }
    });
  • 相关阅读:
    eclipse fail to create java virtual machine
    sas软件连接Oracle数据库的办法
    JAVA中数据的读取与写入,不同类型数据的转换
    二维数组的在函数中的传递
    【转】值传递与引用传递
    【转】深拷贝与浅拷贝
    (转)JS报表控件highcharts应用
    highstocks.js使用指南
    (转)Highcharts使用指南(出处:http://liuhaorain.cnblogs.com )
    jQuery实现checkbox全选,反选
  • 原文地址:https://www.cnblogs.com/linjiangxian/p/11465911.html
Copyright © 2011-2022 走看看