在PHP contd中在同一页面上加载多个页面_Php_Javascript_Jquery

在PHP contd中在同一页面上加载多个页面

php javascript jquery

在PHP contd中在同一页面上加载多个页面,php,javascript,jquery,Php,Javascript,Jquery,此帖子是此URL中帖子的延续对不起，我觉得这是一个新的问题，所以我想发布一个新问题感谢你们在那里的投入。。我的核心问题仍然是一样的 “我有一个名为cwt.HTML的基本HTML页面，其中包含所有复选框和提交按钮。单击提交按钮后，与所选复选框（cwt.HTML）关联的下一个页面（如processing1.php）也应加载到同一页面中…” 我使用了Load函数调用，这相对解决了这个问题，但我在代码中遇到了另一个重要问题。。如果你能帮我的话，那就太好了 <html> <head&

此帖子是此URL中帖子的延续

对不起，我觉得这是一个新的问题，所以我想发布一个新问题

感谢你们在那里的投入。。我的核心问题仍然是一样的

“我有一个名为cwt.HTML的基本HTML页面，其中包含所有复选框和提交按钮。单击提交按钮后，与所选复选框（cwt.HTML）关联的下一个页面（如processing1.php）也应加载到同一页面中…”

我使用了Load函数调用，这相对解决了这个问题，但我在代码中遇到了另一个重要问题。。如果你能帮我的话，那就太好了

<html>
<head>
<title> Conditions We Treat </title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$("#submit1").click(function(){
$("#form1").load('processing1.php');
});
</script>
</head>
<body>
    <div id = form1>
        <input type = "checkbox" name = "sickness[]" value = "Nausea">Nausea</input><br/>
        <input type = "checkbox" name = "sickness[]" value = "Constipation">Constipation</input><br/>
        <input type = "checkbox" name = "sickness[]" value = "vomiting">Vomiting</input><br/>
        <div id = "submit1"><input type = "submit" name = "submit1" value = "submit"></input></div><br/>

    </div>  
</body>
</html>


我们治疗的情况
$（“#提交1”）。单击（函数（）{
$（“#form1”）.load（'processing1.php'）；
});
恶心

便秘

呕吐

我需要做的事情是，当我单击submit时，它应该转到另一个页面并处理此页面的值

我在这里发现的限制是

当我声明form action时，它会转到该特定页面，而不是在此页面中加载，就像我给出

，

控件转到processing1.php，内容加载到新页面一样

如果我不提供表单操作，它将按预期方式工作，但我无法保留此页面的数据

您可能希望在表单上使用一个事件监听器来捕获提交事件，然后通过AJAX调用新页面。jQuery API参考将告诉您如何准确执行此操作：

以下是一个例子：

在浏览器发送表单之前，将调用

.submit（）

。因此，您可以使用本机函数

.preventDefault（）

，该函数将告诉浏览器不要对提交事件执行默认操作。然后，您可以进行自己的事件处理；在本例中：通过AJAX加载新页面并将其附加到当前页面的某个位置

.serialize（）

将创建一个字符串，以便通过AJAX提交

不要忘记，通过AJAX检索的HTML默认不受初始的

$（document.ready）（函数（）{/*code here*/}）的影响调用时，必须使用.live（）
或其他方法将jQuery功能绑定到新代码
$('#form').submit(function(e) {
    // prevents the browser from sending the form
    e.preventDefault();
    // loads your nextpage.php into the target with the form-data sent as postdata
    $('#target').load(
        "nextpage.php",
        { postdata: $('#form').serialize() }
    );
    return false;
});