ajax菜鸟教程html（怎么获取通过ajax请求的html代码）

本文目录

• 怎么获取通过ajax请求的html代码
• Ajax的菜鸟问题
• ajax向DIV中写入指定HTML文件
• ajax请求a.html页面，返回指定的div中内容
• 这个怎么用Ajax提取出来写成html
• PHP用ajax的时候，responseText返回的是整个页面的html代码，求帮助
• 怎么利用ajax异步请求调用服务器上的html静态页面
• html 中如何实现ajax 二级联动

怎么获取通过ajax请求的html代码

利用回调函数获取服务器返回的结果
JavaScript code
var xmlHttp;

function createXMLHttpRequest() {
if(window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
} else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject(“Microsoft.XMLHTTP“);
}
}

function routeList(){
createXMLHttpRequest();
url = “manage_action_class.php?“&ran=“+Math.random(); //后端请求页面
method = “GET“; //传输方式
xmlHttp.open(method,url,true);
xmlHttp.onreadystatechange = showList; //这里为回调函数
xmlHttp.send(null);
}

function showList(){
if (xmlHttp.readyState == 4){
if (xmlHttp.status == 200){
var text = xmlHttp.responseText; //这里获得服务器返回的数据
document.getElementById(“route“).innerHTML = text; //将数据放入html指定div中
}else {
alert(“response error code:“+xmlHttp.status);
}
}
}

Ajax的菜鸟问题

问题提得很好！～

open,onreadystatechange，send这样的步骤是没错的。
首先是打开requestURL，看是否能正常正确连接，由onreadystatechange来的值来判断连接那个地址是否成功。。如果成功则send数据过去。

而你提供的是GET方式请求，已经把要提交的数据直接加在requestURL中的，所以发送的send的数据为null
但，如果是Post请求访求 则send（）的括号中就不能为null了，而是要传送的数据

ajax向DIV中写入指定HTML文件

这是一个我用了 bingo 框架写的ajax 和你的要求差不多了,为了简单说明,我将默认显示“a.php“的个删除

------------------------------------------

1.先导入一个现成的ajax框架,我这里推荐用bingo,虽然网上有好多更强大的,但我觉得这个足以应付大部份的操作的内容,你可以在这里下载得到,
http://www.ajaxbingo.com/
而且是中文的,非常亲切哦,dw cs4里也对他有代码提示

《script src=“bingo.js“》《/script》

2.建一个function让来处理鼠标滑过连接时的操作
将划过的连接的ID作为判断,ajax要访问那一个文件再将得到的结果交给function “ch2“

《script》
function ch(val){
AJAXCALL(val+“.php“,ch2);
}

3.返回的结果显示在指定的ID的div里头,

function ch2(doc){
$(“downurl“).innerHTML=doc;
}
《/script》

------------------------------------------

《a href=“#“ id=“a“ onmouseover=“ch(this.id)“》LINK A《/a》 | 《a href=“#“ id=“b“ onmouseover=“ch(this.id)“》LINK B 《/a》

《div id=“downurl“》《/div》

-----------------------------------------

其实这个切换页的功能你可以直接在dw cs3 cs4里找到,不需要自己编写

ajax请求a.html页面，返回指定的div中内容

ajax获取页面的返回值是可以当作独立的html文档操作的，支持jq的选择器操作，所以可以通过以下方式获取copy块中的源码：
success: function(responseText) {
var result=$(responseText).find(“copy”).first().html() ;
//result即为copy中的源码，当然也可以通过val()，text()获取相关值

这个怎么用Ajax提取出来写成html

《dl id=“output“》《/dl》
《script》
$.ajax({
url:略,
success:function(res){
var html=““;
res.article.forEach(function(e){
html+=“《dt》“+e.title+“《/dt》“;
html+=“《dd》“+e.content;
if(e.images)e.images.forEach(ee){
html+=“《img src=’“+ee+“’/》“;
}

html+=“《/dd》“;
});
$(“#output“).append(html);
}
});
《/script》

PHP用ajax的时候，responseText返回的是整个页面的html代码，求帮助

服务器端输出JSON格式回调数据，然后在客户端使用file_get_contents接收。你可以百度下菜鸟网 里面有AJAX及JSON的教程，这里空间有限写不下。
下面是一个例子：
$(“XXX“).click(function(){
$.post(“XXX.PHP“,
{
name:“XXX“//向服务端提交
},
function(data){
alert(“Data.name);//服务端返回数据，服务端用$_POST接收name然后转JSON格式输出。
});
});

怎么利用ajax异步请求调用服务器上的html静态页面

1. 这个请求是有区别的，最大的区别就是是否跨域。具体跨域是怎么界定的，你自己去查资料吧。只要记住一点，跨域就是用域来区分的，不管文件是不是在同一个地方。也就是说同一个文件夹也可能会产生跨域问题。

2. 请求本域名下的文件，只要写标准的ajax请求即可。我想基本的写法你是会了的，我这就不写了。但是我建议你去看看原生的怎么写的，因为你了解原生怎么写的，你就不知道jQ只要一个load就干完的事到底干了什么。就像1+1可以得到2，但是你用了两天时间解开的一个方程式也可以得到2，同样是2，但是绝对不一样。

3. 现在来说跨域。只说解决方法。跨域一般情况下有三种解决方法。第一种就是干掉产生跨域的源头——浏览器，修改浏览器的设置就可以了，这个不建议。第二种，是生产环境下最常用的，就是用服务器设置解决。你请求自己的服务器，让自己的服务器去请求别的服务器上的资源，就规避了跨域问题。现在不知道你能用这种方式不。第三种，就是你自己解决，用JSONP解决。最简单的方法，就还是用jQ。在jQ的官方文档里搜索jQuery.ajax()，之后页面内搜索crossDoamin，然后仔细看看就可以了。但是还是建议搜索一下JSONP是什么。
   

html 中如何实现ajax 二级联动

引入jquery来帮助你实现.比较简单.给你一个例子吧.后台是用PHP写的.
html文件内容
《html》
《meta http-equiv=“Content-type“ content=“text/html; charset=utf-8“ 》《/meta》
《head》
《title》
demo
《/title》

《script src=“jquery.js“ type=“text/javascript“》《/script》《!--引入jquery --》

《script》
function getarea(){
var region_id = $(“#region“).val();//获得下拉框中大区域的值

if(region_id != ’’){
$.ajax({
type: “post“,
url: “b.php“,
data:“region_id=“+region_id,
cache:false,
beforeSend: function(XMLHttpRequest){
},
success: function(data, textStatus){

//alert(data);
$(“#area“).empty();//清空area下拉框
$(“#area“).append(data);//给area下拉框添加option

},
complete: function(XMLHttpRequest, textStatus){
},
error: function(){
//请求出错处理
}
});
}

}
《/script》
《/head》
《body》
《div 》
《table class=’itable’ width=’100%’ id=’timetable’ 》
《tr》
《td class=“test_c“ id=“one“》
《select id=“region“ name=“region“ onchange=“getarea();“》
《option value=““》请选择《/option》
《option value=“1“》东北《/option》
《option value=“2“》华北《/option》
《/select》
《/td》
《/tr》
《tr》
《td》
《select id=“area“ name=“area“》

《/select》
《/td》
《/tr》
《/table》

《/div》
《/body》
《/html》

=============
b.php内容
《?php
$region_id = $_POST[’region_id’];
//根据前台传过来的region_id来处理下拉框的内容.
//这里演示直接输出,你可以从数据库中读出来组织后再输出.

switch($region_id){
case 1:{
$area_option = “《option value=’1’》辽宁《/option》《br》《option value=’2’》吉宁《/option》《br》《option value=’3’》黑龙江《/option》“;
echo $area_option;
break;
}

case 2:{
$area_option = “《option value=’4’》北京《/option》《option value=’5’》天津《/option》《option value=’6’》河北《/option》“;
echo $area_option;
break;
}

}
?》