javascript - 完整的 Javascript Ajax php 混淆

Question

大家好，我正在使用 Codeigniter 开发一个网站，我有一个使用 PHP 发布的表单，这绝对没问题。然而，我在页面的一侧有一个小的下拉菜单，我用它在页面之间跳转——为了做到这一点，我只是使用一个 href 并在 URL 中传递变量。

但是，当他们单击链接时，我需要发布一些数据。我不想使用按钮，想知道这是否可以使用 ajax onclick() 事件来实现？ - 但是我需要发布的数据在表格内。代码结构大致为:

<form action="main/postback" method="post">
<input type="hidden" name="pagereference" value="2" />
<input type="hidden" name="supervariable" value="7" />
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">

</form>
<div>
<ul>
<li><a href = 'http:localhost/landing'>click me</a></li>
</ul>
</div>

当有人点击链接时，我想发送一个 Ajax Post 请求，但是在我发布数据的 php 文件中，我希望能够从表单中检索数据。这可能吗？如果可以的话，有人可以提供一个示例 AJAX 请求以及如何在 PHP 中检索数据，因为我很困惑。我尝试了以下方法:

<li><a onclick='myFunction()'>click me</a></li>


<script type="text/javascript">
                function myFunction()
                {
                    var "test";
                     $.ajax({
                           type: "POST",
                           url: "http://localhost/ciproject/assessment/test",
                           dataType: String,
                           success: function(msg){
                                alert( "Data Saved: " + msg ); //Anything you want
                           }
                         });
                     window.alert("TEST");
                }
            </script>   

任何想法将不胜感激，非常感谢

Answer 1

由于 CORS，您可能会在使用完整 URL(带有域名)时遇到问题，因此我建议您将其删除，但您可以使用类似的方法轻松地做您想做的事:

<li><a class="postFormLink">click me</a></li>

<script type="text/javascript">
$('.postFormLink').on('click', function() {
    $.ajax({
       type: "POST",
       url: "/ciproject/assessment/test",
       data: $('form').serialize(),
       success: function(msg){
            alert( "Data Saved: " + msg ); //Anything you want
       }
    });
    window.alert("TEST");
}
</script>

如果您的页面上有多个表单，您应该添加一个 ID 或一个类来定位它，而不是使用 $('form')。

请注意，我还删除了内联事件处理程序。