html php jquery ajax,php – Jquery ajax返回当前页面的html作为回应
时间: 2023-10-23 11:14:35 浏览: 161
jquery,jquery是Ajax的一个框架
可以通过使用PHP来生成HTML代码,然后使用jQuery和Ajax将该代码返回给当前页面。以下是一个示例:
HTML代码:
```html
<div id="result"></div>
<button id="load">加载HTML</button>
```
jQuery和Ajax代码:
```javascript
$(document).ready(function() {
$('#load').click(function() {
$.ajax({
url: 'get_html.php',
type: 'GET',
dataType: 'html',
success: function(data) {
$('#result').html(data);
}
});
});
});
```
PHP代码(get_html.php):
```php
<?php
$html = '<p>这是动态生成的HTML代码。</p>';
echo $html;
?>
```
当用户单击“加载HTML”按钮时,jQuery和Ajax将通过GET请求调用get_html.php文件,并将返回的HTML代码插入到页面中的“result”DIV中。
阅读全文