【问题标题】:jquery ajax request multiple return values?jquery ajax请求多个返回值?
【发布时间】:2015-12-01 10:29:19
【问题描述】:

我按照此页面的教程进行操作:

http://www.keyboardninja.eu/webdevelopment/jquery-ajax-call-tutorial

并且已经得到了随机数输出。但是如何更改函数(和 php 文件?),我得到多个返回(示例中的“msg”),以填充不同的 div?或者这是不可能的,所以我必须用这些东西填充包含的 div 并将大量代码放入 php 文件的 echo 部分?

谢谢

【问题讨论】:

  • 把你的js代码放在这里,让我检查一下
  • 和链接里的一模一样:function myCall() { var request = $.ajax({ url: "ajax.php", type: "GET", dataType: "html" }); request.done(function(msg) { $("#mybox").html(msg); }); request.fail(function(jqXHR, textStatus) { alert("请求失败:" + textStatus ); }); }

标签: php jquery ajax get request


【解决方案1】:

在 process.php 文件中,将所有消息添加到数组中而不是转换为 json ,如下所示。

$msg=array();
$msg[]  = $msg1;
$msg[]  = $msg2;
.
.
........

echo json_encode($msg);

现在在您的 ajax 调用中处理 json 以在 javascript 中使用 each 显示您的所有消息

【讨论】:

    【解决方案2】:

    试试这个,

    在您的 ajax 文件中,将多条消息附加到 '|'或 '~' 当它得到 return 时,将其拆分为 JS;并通过 innerHTML 将其放置在您的 DIV 中。

    ex(在 ajax 中)

    echo $msg1.'|'.$msg2.'|'.$msg3;
    

    【讨论】:

      【解决方案3】:

      在 PHP 端(ajax.php)简单地执行此操作:

          $arr = array();
          $arr['msg1'] = '<p>Hi I am some random ' . rand() .' output from the server First Msg.</p>';
          $arr['msg2'] = '<p>Hi I am some random ' . rand() .' output from the server Second Msg.</p>';
          $arr['msg3'] = '<p>Hi I am some random ' . rand() .' output from the server Third Msg.</p>';
          echo json_encode($arr);
      

      在 Js 方面:

      function myCall() {
        var request = $.ajax({
        url: "ajax.php",
        type: "GET",          
        dataType: "json"
        });
      
        request.done(function(data) {
      
          $("#mybox1").html(data.msg1);           
          $("#mybox2").html(data.msg2);           
          $("#mybox3").html(data.msg3);           
        });
      
        request.fail(function(jqXHR, textStatus) {
           alert( "Request failed: " + textStatus );
        });
      }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2013-01-24
        • 2011-06-30
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-04-23
        • 1970-01-01
        相关资源
        最近更新 更多