Question

<form>
<input type="text" id="user"/>
<input type="button" value="Submit" onClick="post();" />
</form>

<div id="result"> </div>

<script type="text/javascript">
   function post()
   {
       var username = $('#user').val();
       $.post('battlephp.php',
       {postuser:user}
       )       
   }
</script>

它是一个简单的Ajax代码..它应该使用用户名并显示Php代码！但不知道为什么它不运行？其实我正在学习......所以我无法纠正错误或错误？

我在localhost上运行ii ..所以使用时有任何问题：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

Answer 1

显示Php代码

不，它不应该。

首先，您已经改变了对正在使用的变量名称（user，username）的想法，因此您将抛出引用错误。< / p>

其次，您还没有向$.post提供函数（第三个参数），因此您不会对返回的数据执行任何操作（例如显示它）。

第三，服务器应该执行PHP并返回其输出。你不应该得到真正的PHP代码。

function post() {
   var username = $('#user').val();
   $.post(
     'battlephp.php',
     {postuser:username}, // Be consistent about your variable names
     function (data) {
        alert(data);
     }
   );       
}

Answer 2

相反

document.ready()

你可以使用

jQuery(function($){...});

Answer 3

尝试这样做：

<script>
    $(document).ready(function() {
        function post() {
            var username = $('#user').val();
            $.ajax({
                type : 'post',
                url : 'batttlephp.php',
                data : {
                    postuser : user
                },
                success : function(data) {
                    alert(data);
                },
                error : function(data) {
                    alert(data);
                }
            });
        });
    });
</script>

如果您正在执行ajax请求，那么也可以处理成功和错误... 我还建议你“启动文件”。

尝试上面的代码，让我们知道是否有效

简单的ajax代码无法正常工作？

3 个答案: