【问题标题】:How Load a PHP script into div Same Window in JQuery如何将 PHP 脚本加载到 JQuery 中的 div 相同窗口中
【发布时间】:2012-07-27 17:04:01
【问题描述】:

我有错误:数据未定义。 我想从打印 html 的 php 脚本中刷新内容

我的父页面:

<body>
variables ...
 <div id="comparateur2">
....
</div>

Javascript:

<script type="application/javascript">
$(document).ready(function(){
$("form").submit(function(e){
var format = $("#format").val();
var qtephotos = $("#qtephotos").val();
var option1 = $('input[name=option1]:checked', '#formulaire').val();
var offre = $('input[name=offre]:checked', '#formulaire').val();    
var val = [];
    $(':checkbox:checked').each(function(i){
        val[i] = $(this).val();
    });
var dataString =  'format='+ format + '&qtephotos=' + qtephotos + '&option1=' + option1 + '&valoption=' + val; 
$.ajax ({
type: "POST",
url: "scripts/ajax_comparateur.php",
data: dataString,
success: function(){
        $('#comparateur2').html(data);
    }
});     
 });
});
</script>

问候

【问题讨论】:

    标签: jquery html refresh


    【解决方案1】:

    如果您的 PHP 脚本实际上正在返回数据,那么您应该将成功调用更新为:

    success: function(data){
            $('#comparateur2').html(data);
    }
    

    函数参数中缺少数据参数。

    【讨论】:

      【解决方案2】:

      您缺少dataType:function() 中的数据参数

      没有数据类型返回的任何东西都将被忽略,如果函数中没有数据返回的任何东西都将无法使用。

      $.ajax ({
      type: "POST",
      url: "scripts/ajax_comparateur.php",
      data: dataString,
      dataType: "html",
      success: function(data){
              $('#comparateur2').html(data);
          }
      });   
      

      【讨论】:

      • 错了。如果没有传递数据类型参数,“jQuery 将尝试根据响应的 MIME 类型推断它(XML MIME 类型将产生 XML,在 1.4 中 JSON 将产生 JavaScript 对象,在 1.4 中脚本将执行脚本,以及任何否则将作为字符串返回)。”
      • 我会告诉你的,我经常忘记这一点,因为我倾向于使用 JSON 或简单的字符串。当我忘记 dataType 时,这让我无所事事,我倾向于避免使用 XML,这导致我忘记 jQuery 会尝试将其读取为 XML。
      【解决方案3】:

      您没有创建匿名函数来接受返回的数据作为参数。函数范围内不存在数据变量。

      所以不是function() 而是function(data)

      【讨论】:

      • 这在您之前提交的另一个答案中已经提到过。
      • 当然,再等几秒钟。在我提交我的答案之前,我没有看到其他答案。
      猜你喜欢
      • 2013-08-13
      • 2010-09-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-08-16
      相关资源
      最近更新 更多