zoukankan      html  css  js  c++  java
  • Ajax 局部刷新

    方式一:
    function hits1(troops) {
        var troops = troops;
        var ajax=Ajax();
        var url = 'xxx.php';
        ajax.post(url,{'troops':troops},function(data){
            $('.dw_hits1').html(data);
        });
    }

    方式二:
    function hits1(troops) {
        var troops = troops;
        var url = '<{$smarty.const.ROOT_DOMAIN}>/hits1_ajax.php';
        $.post(url,{'troops':troops},function(data){
            $('.dw_hits1').html(data);
        },'json');   //可以设置返回的数据格式
    }

    方式三:

        function demo(b_id){
            $.ajax({
                type: "POST",
                url: "",
                data: "b_id="+b_id,
                dataType: "json",
                async: true,
                success: function(result){
                    if(result.error==0){
            .......
                    }else{
             ........
                    }
                }
            });
        }

    方式四:

            var json = {
                'checkValue' : checkValue,
                'busbid' : obj2
            };
    
            $.ajax({
                url: "/xxx/Order/xxx.html",
                type: "post",
                dataType: "json",
                data: json,
                success: function (data) {
                    if (data.result == true) {
                        $me.parent().parent().find('span[name=driverinfo]').html(checkValue);
                        $me.parent().parent().find('span[name=driverinfo]').addClass("text-danger");
                    }
                    alert(data.msg);
                },
                error: function () {
                    alert("连接服务器失败!");
                }
            });

    如果需要ajax返回值为数组,则需要把返回值编译成为json的格式,如:

      $json = json_encode($data);
          echo $json;

    接收的时候,使用eval把这个字符串转成js中的对象,就可以方便的获取数组的值。如写成 data.xxx即可

      var data = eval('('+data+')');

         

  • 相关阅读:
    day58
    day57
    day55
    day56
    day54
    Vue(练习二)
    Vue练习
    Vue框架
    作业
    Django(九)
  • 原文地址:https://www.cnblogs.com/wangyuman26/p/4693656.html
Copyright © 2011-2022 走看看