Question

我希望使用ajax请求从其他页面返回并执行html内容

第一页基本上只是一个请求get.php页面并在div中显示的页面，这没问题

的index.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
function get_page(){
   $.ajax({
   type: 'GET',
   url: '/get.php',
   dataType: 'html'
  }).done(function( data ) {
  $('#get_page').html(data);
  });
}   
get_page();
</script>



<div id='get_page'></div>

第二页基本上只有一个表单就可以了，我希望能够从第一页提交index.php但是在提交表单时没有任何反应是否有办法从get.php返回html代码并插入它在<div id='get_page'></div>之间，以便在浏览源代码时我可以在div之间看到它，或者我如何在index.php上的get.php上提交表单

get.php

<form action='index.php'>
<input type='text' class='form-control' name='cu_fname' required>
<input type='text' class='form-control' name='cu_lname' required>
<input type='submit' value='Save' >
</form>

请记住，我是ajax和javascript的新手，如果可能的话，请提供一个示例作为您的答案。

Answer 1

我看到你正在使用PHP，为什么不使用php include？

<div id='get_page'>
   <?php include 'get.php';?>
</div>

或者您可以将其添加到<iframe>元素中，然后使用jquery的.html()将其附加到您想要的div

<iframe src="get.php">
  <p>Your browser does not support iframes.</p>
</iframe>

Answer 2

<form action='index.php' method='post'>
 <input type='text' class='form-control' name='cu_fname' required>
 <input type='text' class='form-control' name='cu_lname' required>
 <input type='submit' value='Save'>
</form>

Ajax请求返回div内的HTML代码

2 个答案: