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('接口调用错误!');
        }
    });
  • 相关阅读:
    关于Unity中Mecanim动画的重定向与动画混合
    php远程抓取网站图片并保存
    OpenResty最佳实践
    111
    安装Nginx+Lua+OpenResty开发环境配置全过程实例
    ecshop常用的一些变量
    php 常用的标签比较
    PHP 设计模式
    mysql导入sql脚本
    linux 解压压缩大全
  • 原文地址:https://www.cnblogs.com/linjiangxian/p/11465911.html
Copyright © 2011-2022 走看看