ajax 怎么获取内容并追加到一个div里面

假设你有一个主页面index.php

内容如下

<script type="text/javascript" src="ajax.js"></script>

<a href="#" onclick="ygg('o')">o</a>

<div id="divID"></div>

这是ajax.js页面如下

var xmlHttp

function $_xmlhttprequest(){

if(window.ActiveXObject){

xmlHttp= new ActiveXObject('Microsoft.XMLHTTP')

}else if(window.XMLHttpRequest){

xmlHttp = new XMLHttpRequest()

}

}

function ygg(url){

$_xmlhttprequest()

xmlHttp.open("GET","ygg.php?"+url,true)//通过该地址得到内容

xmlHttp.onreadystatechange=byphp//准备 变量

xmlHttp.send(null)//发送

}

//方法

function byphp(){

if(xmlHttp.readyState==4){

var text1 = xmlHttp.responseText

document.getElementById('divID').innerHTML = text1

}

}

顺便说下，这里有个ygg.php是得到内容的，最简单的，你可以直接

<?php

echo $_GET[id]

?>

如果你用的原生Ajax，即没有使用任何框架，可以在你的onreadystatechange函数中处理。

xmlhttprequest.onreadystatechange = function() {

if (xmlhttprequest.readyState == 4) {

// 得到响应的数据

var respone = xmlhttprequest.responseText// 你可以后台返回的就是HTML字符串。也可以是文本。如果是json格式的数据，需要你自己解析。如果是xml格式的数据，用xmlhttprequest.responseXML然后解析XML，得到你想要的数据。

然后根据ID获取DIV，使用div.innerHTML= response就可以了。

}

}

如果是用的Ajax框架，如jQuery，在success回调方法中处理。

1、打开HBuilderX工具，创建Web项目，新建静态页面ajax.html。

2、打开已新建的ajax.html文件，引入jquery文件并修改title标签内容。

3、在标签中，插入一个div标签，并在div标签中插入一个table。

4、接着在项目中的data文件夹下，新建user.json文件。

5、打开user.json文件，添加json格式数据。

6、在标签中，jquery初始化函数，调用ajax()方法读取json文件数据，返回成功后，将数据渲染加到table中。

7、再添加一个style标签，利用元素选择器设置表格样式。

8、保存代码并运行页面文件，打开浏览器查看效果，即可看到一个表格。

---