我有一个将数据传递到同一页面上的jQuery脚本的表单。该表格如下所示:

<form method="post" action="<?php echo $_SERVER['PHP_SELF'];?>">
<input type="radio" name="favourites" value="all" checked="checked"> all tracks &nbsp&nbsp<input type="radio" name ="favourites" value="favourites"> favourites only<br><br>
<input type="submit" name="submit" id="filter" class="submit" value="filter"><br>
</form>


PHP会在同一页顶部的jQuery脚本中检索“收藏夹”的值,该脚本会动态生成MySQL查询。但这是因为重新加载了页面。如果可能的话,我想使用AJAX将表单数据/变量传递给jQuery脚本,而无需重新加载页面。我知道我可以使用AJAX操纵html和css,但是我也可以操纵头部的jQuery脚本吗?如果是这样,我将如何处理?

最佳答案

为了简单起见,给表单一个唯一的ID,然后简单地将一个jquery发布到为此目的设计的AJAX文件中。

例:

的HTML

<form id="postForm" method="POST">
    <input type="radio" name="filter" value="1" /> Only favorites
    <input type="radio" name="filter" value="2" /> Everything
    <input type="submit" name="postFormSubmit" />
</form>


jQuery的

$('form#postForm').submit(function(e){
    e.preventDefault(); //Prevents a page reload
    var filter = $(this).find("input[@name=filter]:checked").val(); //Gets the value of "filter"
    $.post("/path/to/ajax.php",{filterType:filter},function(){
        // Callback, could make the data output attach to this.
    });
});


那就是我至少要开始的地方:)

关于php - 我可以使用AJAX在jQuery脚本中将表单数据/变量传递给php吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11917345/

10-12 07:39
查看更多