页面加载时提交Ajax

时间:2014-05-10 00:01:41

标签: javascript jquery ajax

我正在尝试为我正在做的小型网站创建测试脚本,并且需要对此特定表单进行大量故障排除。为了获得响应,我需要填写5步表单向导,然后等待结果。我一直在尝试创建一个小小的脚本,我可以在一个单独的页面上使用它来测试我的PHP功能的心跳。这是我到目前为止,它似乎甚至没有发布到页面。

<div id="response"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    var data = {
        console: "playstation",
        game: "FIFA14",
        coinamount: "10000",
        team: "Some Team Name",
        league: "Some League Name",
        player: "Some Player Name",
        quality: "Silver",
        chemistry: "Basic",
        position: "CAM",
        customername: "Joey Small",
        customeremail: "jsmall@email.com",
        customerphonenumber: "23454343534",
        payment: "pp"
    }
$.ajax({
    type: "POST",
    url: "order.php",
    data: data,
    cache: false,
    contentType: false,
    processData: false,
    success:  function(data){
        $("#response").html(data);
    }
});
});
</script>

我正在浏览器中检查网络数据,而不是发送到order.php。我对javascript没有多少爱,尤其是Jquery,所以任何帮助都会非常感激。

2 个答案:

答案 0 :(得分:0)

你应该做的第一件事就是关闭顶部的Jquery包含的脚本标记

答案 1 :(得分:0)

好的,所以添加到最后的附加选项是使脚本无法提交的原因。

$.ajax({
    type: "POST",
    url: "order.php",
    data: data,
    success:  function(data){
        //alert("---"+data);
        $("#response").html(data);
    }
});

这是正常的。代达罗斯的评论让我想到了额外的标签,以及如何不需要它们。

相关问题