从远程 php 脚本返回数据

Question

我正在使用 php/ajax 提交表单而无需刷新页面。这是我的文件-

coupon.js

jQuery(document).ready(function(){
        jQuery(".appnitro").submit( function(e) {
$.ajax({
            url     : "sms.php",
            type    : "post",
            dataType: "json",
            data    : $(this).serialize(),
            success : function( data ) {
                        for(var id in data) {
                            jQuery('#' + id).html( data[id] );
                        }
                      }

        });
//return false or
e.preventDefault();

    });

});

短信.php

    <?php
    //process form
$res = "Message successfully delivered";
    $arr = array( 'mess' => $res );
    echo json_encode( $arr );//end sms processing
    unset ($_POST);
    ?>

这是我的 html 页面的代码 -

<form id="smsform" class="appnitro" action="sms.php" method="post">
...
</form>
<div id="mess" style="background:green;"></div>

现在不是通过 ajax 提交表单而不刷新页面，而是页面被重定向到

baseurl/sms.php，页面上唯一可见的是

{"mess":"Message successfully delivered"}

我的猜测是 php 脚本没有成功返回到 jquery，因此 sms.php 的最后一部分中的回显正在显示。 我应该如何使 php 脚本成功返回？ 关于如何调试的任何想法。我已尝试在 coupon.js 末尾使用 return false，但没有结果。

当我点击提交萤火虫给出以下结果 -

POST http://174.132.194.155/~kunal17/devbuzzr/wp-content/themes/street/sms.php

404 Not Found 1.29s   `jquery.min.js (line 130)`

回应

Firebug needs to POST to the server to get this information for url:
http://174.132.194.155/~kunal17/devbuzzr/wp-content/themes/street/sms.php

This second POST can interfere with some sites. If you want to send the POST again, open a new tab in Firefox, use URL 'about:config', set boolean value 'extensions.firebug.allowDoublePost' to true
This value is reset every time you restart Firefox This problem will disappear when https://bugzilla.mozilla.org/show_bug.cgi?id=430155 is shipped

Answer 1

@Fanis 使用'$'还是'jQuery'无关紧要，它们是同义词。

@Ayush 正如 Fanis 所说，如果您还没有使用 Firebug，您应该尝试一下。 我在我的服务器上检查了这个例子，工作正常，我不知道 你身边有什么问题。

您可以使用 onsubmit="return false" 禁用表单提交：

<form id="..." class="..." ... onsubmit="return false">

还要检查是否启用了 javascript，例如执行“alert('something')” 在 $(document).ready

编辑：

// instead of  
url: "sms.php"
// try
url: "/~kunal17/devbuzzr/wp-content/themes/street/sms.php"
// although I don't really know if it will help

Answer 2

如果您被重定向到 sms.php 而不是进行 ajax 调用，这可能意味着您的 jQuery 代码有问题，可能是事件绑定本身。

如果不对其进行测试，我不确定，但该代码不应该是：

$(document).ready(function(){
        $(".appnitro").submit( function(e) {
$.ajax({
...

?

在 Firefox/Firebug 或 Chrome-IE/开发者工具中检查 javascript 控制台。它是否在这些行中显示任何错误？

Answer 3

Fanis 和 Michal Kluczka 关于事件绑定的问题可能是正确的，我自己也试过你的代码，它对我有用。

将alert('X') 作为jQuery(document).ready() 和jQuery(".appnitro").submit() 函数中的第一个语句，并查看两者是否都显示（第一个在文档加载时，第二个在表单提交时）。

还有一件事：我建议你包括一个

header('Content-Type: application/json');

在打印您的 JSON 数据之前放入您的 sms.php 文件，以防止跨站点脚本 (XSS) 攻击。详情请参阅Don’t serve JSON as text/html。