dousi1961 2013-04-02 19:40
浏览 17
已采纳

如何在表单提交中使用jquery ajax

Changed the code to this now. Form is located in subscribe.php which in included into the index page.

<form class="subscribe" id="email" method="get">
    <input class="email" id="emailaddress" name="email" type="text" placeholder="EXAMPLE@EMAIL.COM" required>
    <input class="button" type="submit" id="emailSub" value="Subscribe">
</form>
<div id="subResult"></div>

Jquery is at bottom of the index page

$(document).ready(function() {
    $('#emailSub').click(function() {
        var email = $('#emailaddress').val();
        alert(email);
        $.ajax({
            type: "GET",
            dataType: 'script', //<-Data Type for AJAX Requests(xml | html | script | json)
            url: 'checksub.php',
            data: {
                'e': email
            },
            success: function(result) {
                $("#subResult").html(result);
            }
        });
    })
});

Checksub page is this now for testing.

<?php include 'admin/includes/db_connection.php'; ?>
<?php 
$email = mysqli_real_escape_string($db, $_GET['e']);
echo "test string:";
echo $email;
?>
  • 写回答

2条回答 默认 最新

  • duancheng6500 2013-04-02 20:04
    关注

    maybe you should to change dataType? try it:

    $.ajax({
        type: "GET",
        dataType: 'html', //<-Data Type for AJAX Requests(xml | html | script | json)
        url: 'checkemail.php',
        data: {
            'e': email
        },
        success: function(data) {
            $("#subResult").html(result);
        }
    });
    

    and

    <input class="button" type="submit" id="emailSub" value="Subscribe">
                                  ^ HERE
    

    should be :

    <input class="button" type="button" id="emailSub" value="Subscribe">
    

    because of submit is submiting form and refreshing the page.. so jquery not work..

    Specifying the Data Type for AJAX Requests

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 Bibtex4Word 引用中文文献
  • ¥20 用opencv c/c++ 转换成灰度图,然后做一下直方图均衡,输出mp4文件
  • ¥20 matlab中的双层数值积分
  • ¥50 服务器打印水晶报表问题
  • ¥30 gradle环境下javafx项目如何使用druid连接池
  • ¥15 服务器打印水晶报表问题
  • ¥18 深度学习tensorflow1,ssdv1,coco数据集训练一个模型
  • ¥100 关于注册表摄像头和麦克风的问题
  • ¥30 代码本地运行正常,但是TOMCAT部署时闪退
  • ¥15 关于#python#的问题