页面加载时的Ajax提交

Ajax submission on page load

本文关键字:Ajax 提交 加载      更新时间:2023-09-26

我正试图为我正在做的一个小网站创建一个测试脚本,它需要大量的故障排除与这个特定的形式。为了得到响应,我需要填写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,所以任何帮助都会非常感激。

首先要做的是关闭Jquery include顶部的script标签

好的,所以添加到末尾的其他选项是导致脚本未提交的原因。

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

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