序列化[Jquery/javascript]后，Jquery Ajax Post失败

我已经搜索了其他帖子，但没有适合我的答案。我已经修复了跨域问题，所以跨域问题不是这里的问题

我的javascript/jquery代码：

我的HTML代码：

如果我在Post时使用注释的{object}作为数据输入，上述Ajax调用将成功

但是如果我使用serialize作为数据输入，Ajax调用将失败。服务器端也不会收到该值，因为它不会写入文本文件

我已经一遍又一遍地阅读了这些文档以及通过谷歌可以获得的其他教程。但它只是不起作用。

将数据部分编辑为：

$("#loginForm").serialize(),

---

$loginForm你是说$loginForm你说的x域修复是什么意思？如果不使用HTML5消息，您永远无法通过HTTP发送到其他域。@a.Wolff，谢谢。我的错误…很高兴我能帮上忙..：

<!--    page 3 [userLogin] -->
<div data-role="page" id="userlogin">
    <div role="main" class="ui-content">
        <div>
            <form  action="/" id="loginForm">
            <label for="email">Email</label>
            <input type="text" name="email" id="email" value="">
            <label for="password">Password</label>
            <input type="text" name="password" id="password" value="">
            <button id="loginButton"/>Submit</button>
            </form>
            <a href="#welcome" class="ui-btn ui-corner-all ui-icon-back-black" data-transition="flow" data-direction="reverse">Back to Main Screen</a>
        </div>
        <div id="loginresult"></div>
    </div><!-- /content -->
</div><!-- page 3 end -->

$email = $_POST["email"];
$file = fopen("capture.txt","w");
fwrite($file,$email . "\n");
fclose($file);
echo $email;

$("#loginForm").serialize(),