zoukankan      html  css  js  c++  java
  • jQuery请求后台接口

    function test() {
                console.log("请求准备发送");
                $.ajax({
                    type : "POST",
                    url : "/api/test",
                    dataType : "json",
                    data : {},
                    success : function(test) {
                        var text;
                        var select = document.getElementById("select");
                        $.each(test, function(i, n) {
                            text = n.text;
                            console.log(text);
                            select.add(new Option(text, i));
                        })
    
                        /* 由于采取了bootstrap-select的样式,这就不是一个普通的select,在动态加载之后必须刷新*/
                        $('.selectpicker').selectpicker('refresh');
                    },
                });
            }
    

      

         对于上面的代码,我们其实主要来看下几个重要的参数:

    1:type 表示请求的方式 
    2:url 请求的url,这里必须要注意的是,ajax如果跨域的话,还需要我们在做处理。 
    3:datatype 数据的格式 
    4:data 请求的数据 
    5:success 如果请求成功的回调函数

    结论

            通过这次的实践,我们掌握了如何利用jquery请求后台api,虽然我们是后台开发,但是只有对前后端都有一定的理解,才能够在开发中更好的配合,也能对整个项目的研发进程有一个把控! 

  • 相关阅读:
    【JS】DOM
    【JS】事件处理
    【JS】引用类型之Global
    【JS】引用类型之RegExp
    【JS】引用类型之Function
    树形图(菜单)构建组建dhtmlXTree
    【JS】引用类型之String
    【JS】引用类型之Math
    【JS】鼠标事件
    【JS】UI事件
  • 原文地址:https://www.cnblogs.com/pms01/p/7247691.html
Copyright © 2011-2022 走看看