Question

我有两个文件，一个php和一个html，html文件作为用户界面，用户输入他们的查询，php文件作为进程或事件发生的地方然后它将它们返回到html文件输出。据我的朋友说，链接这两者的最好方法是使用jquery或ajax，我不太确定。我尝试使用此代码链接它们，但是如果你能帮助我找到我的错误它就行不通了我很乐意欣赏它。

HTML文件

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">

$(document).ready(function () {
    $('#setVal').on('click', function () {
        var form = $('.buildaddress').not('#formatted_address');
        var vals = form.map(function () {
            var value = $.trim(this.value);
            return value ? value : undefined;
        }).get();
        $('#formatted_address').val(vals.join(', '));
</script>

当我添加此部分时，链接无法正常工作

<script>
            $('#Compare').click(function(e) {
                e.preventDefault();
                var address = $('#address').val();
                var formatted_address = $('#formatted_address').val();
                console.log(address);
                console.log(formatted_address);
                $.ajax({
                    type: 'POST',
                    url: 'Corrections.php',
                    data: {
                        var1: address,
                        var2: formatted_address
                    },
                    success: function(data) {
                        document.getElementById('cor').value = data;
                    }
                });
            });
        });
    </script>

PHP文件

<?php
$str1 = $_POST['var1']; 
$str2 = $_POST['var2'];
$tempArr;
$var2;
$ctr=0;

echo "Input: $str1\n";
echo  "Output: $str2\n";
?>

Answer 1

您的脚本中还有一个});。只需删除第二个脚本中的额外});，您的代码就可以使用

<script>
        $('#Compare').click(function(e) {
            e.preventDefault();
            var address = $('#address').val();
            var formatted_address = $('#formatted_address').val();
            console.log(address);
            console.log(formatted_address);
            $.ajax({
                type: 'POST',
                url: 'Corrections.php',
                data: {
                    var1: address,
                    var2: formatted_address
                },
                success: function(data) {
                    document.getElementById('cor').value = data;
                }
            });
        });
    //}); should be removed
</script>

Jquery调用PHP响应失败

1 个答案: