Php 在Jquery Mobile对话框中显示数据_Php_Html_Jquery Mobile

Php 在Jquery Mobile对话框中显示数据

php html jquery-mobile

Php 在Jquery Mobile对话框中显示数据,php,html,jquery-mobile,Php,Html,Jquery Mobile,我有一个jQueryMobile问题，我想在jQueryMobile对话框中显示从php返回的数据我该怎么做呢这是Chad Lung的代码。请有人帮我修改一下这个文件名：callajax.php <?php $firstName = $_POST[firstName]; $lastName = $_POST[lastName]; echo("First Name: " . $firstName . " Last Name: " . $lastName);

我有一个jQueryMobile问题，我想在jQueryMobile对话框中显示从php返回的数据

我该怎么做呢

这是Chad Lung的代码。请有人帮我修改一下这个

文件名：callajax.php

 <?php
    $firstName = $_POST[firstName];
    $lastName = $_POST[lastName];

    echo("First Name: " . $firstName . " Last Name: " . $lastName);
?>

文件名：index.html

 <!DOCTYPE html>
<html>
    <head>
    <title>Submit a form via AJAX</title>
      <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css" />
      <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
      <script src="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.js"></script>
</head>
<body>
    <script>
        function onSuccess(data, status)
        {
            data = $.trim(data);
            $("#notification").text(data);
        }

        function onError(data, status)
        {
            // handle an error
        }        

        $(document).ready(function() {
            $("#submit").click(function(){

                var formData = $("#callAjaxForm").serialize();

                $.ajax({
                    type: "POST",
                    url: "callajax.php",
                    cache: false,
                    data: formData,
                    success: onSuccess,
                    error: onError
                });

                return false;
            });
        });
    </script>

    <!-- call ajax page -->
    <div data-role="page" id="callAjaxPage">
        <div data-role="header">
            <h1>Call Ajax</h1>
        </div>

        <div data-role="content">
            <form id="callAjaxForm">
                <div data-role="fieldcontain">
                    <label for="firstName">First Name</label>
                    <input type="text" name="firstName" id="firstName" value=""  />

                    <label for="lastName">Last Name</label>
                    <input type="text" name="lastName" id="lastName" value=""  />
                    <h3 id="notification"></h3>
                    <button data-theme="b" id="submit" type="submit">Submit</button>
                </div>
            </form>
        </div>

        <div data-role="footer">
            <h1>GiantFlyingSaucer</h1>
        </div>
    </div>
</body>
</html>


通过AJAX提交表单
成功时的功能（数据、状态）
{
数据=$.trim（数据）；
$（“#通知”）。文本（数据）；
}
功能onError（数据、状态）
{
//处理错误
}        
$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
var formData=$（“#callAjaxForm”）.serialize（）；
$.ajax({
类型：“POST”，
url:“callajax.php”，
cache:false，
数据：formData，
成功：一旦成功，
错误：onError
});
返回false；
});
});
调用Ajax
名字
姓
提交
吉安特利林肖克

放弃ajax提交，改用此方法如何：

$.mobile.changePage( "callajax.php", {
    type: "post", 
    data: $("form#callAjaxForm").serialize(),
    transition: "pop",
    reverse: false,
    changeHash: false
});

然后，您的PHP应该返回一个完整的jquery移动页面元素，如下所示：

<div data-role="page" id="ajaxResultPage">
    <div data-role="header">
        <h1>Ajax Results</h1>
    </div>
    <div data-role="content">
        <?php echo("First Name: " . $firstName . " Last Name: " . $lastName); ?>
    </div>
</div>


Ajax结果

我不想在html文件中添加php标记，我将编译到phonegap。有没有一种通过向数据中添加php内容来显示数据的方法