Question

我刚刚使用这个脚本构建了一个网站：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
function loadpage(page)
{
    document.getElementById("pageContent").innerHTML="Yükleniyor...";
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("pageContent").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET",page,true);
    xmlhttp.send();
}
</script>

由于AJAX，它可以加载任何页面。但是还有一个问题：当我加载包含任何HTML表单的任何页面时，当我单击“提交”时，它会离开主页面，我的意思是我无法通过AJAX发送表单变量。我唯一需要的是使用“href”和我上面提到的loadpage()函数传递表单变量。

如何获取表单输入的值并发送到另一个PHP文件？

Answer 1

你可以使用jQuery。

$(document).ready(function(){
    $("#div_load").load("page.html");
});

使用此代码，您可以在任何div中打开任何页面（例如：page.html）（例如：div whit id = div_load）。

用于发送数据使用它：

$(".class_div").click(function(){
    $.post("ajax.php",
    {
      name:"naser",
      age:"23"

    },
    function(data,status){
        // do something when done
    });
});

Answer 2

当你使用jQuery时，你可以这样做：

$('form').submit(funciton() {
  var data = $(this).serialize();
  // Call Ajax
  return false;
});

我建议你阅读： http://api.jquery.com/category/ajax/和http://api.jquery.com/serialize/。

AJAX中的多个页面

2 个答案: