从输入字段获取值并使用ajax传递到新页面而不提交表单

Question

我的表单中包含电子邮件字段：

<input type="email" id="email" name="email"/>

验证按钮：

<span style="cursor:pointer">
 <p id="verify">Verify</p>
</span>

当用户点击此验证时，会使用以下脚本加载输入字段（在verify_ajax.php中），该脚本会询问验证码，

<script>
 $function()
 {
    $('#verify').click(function(){

    $('#getcode').load('verify_ajax') 

    }
 }
</script>

此处， getcode 是加载ajax内容的地方。 现在，我想将电子邮件传递到页面 verify_ajax （在上面的函数中加载）。我是所有这些ajax的新手，请帮我这个代码。

更新：我使用ajax传递：

<script>
 $function()
 {
    $('#verify').click(function(){

    $('#getcode').load('verify_ajax?email='+$('#email').val()) 

    })
 })
</script>

并且，没有错误，验证码输入正在加载。 但是在verify_ajax上没有电子邮件，我认为我在该页面上犯了一些错误： verify_ajax.php

if(isset($_GET['email'])
    echo 'Working'.$_GET['email']

这仅显示工作作为输出。

Answer 1

使用表单序列化，然后将其发送到页面。

var data = $('#FormId').serializeArray();
$('#getcode').load('verify_ajax',data);