1、首先我们需要对ajax对象进行初始化,建立一个init函数,以便有多个ajax调用时都可以进行初始化
//初始化ajax function initAjax(){ var ajax=false; try{ ajax=new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ ajax=new ActiveXObject("Microsoft.XMLHTTP"); }catch (E){ ajax=false; } } if(!ajax && typeof XMLHttpRequest!='undefined'){ ajax=new XMLHttpRequest(); } return ajax; }</span>
2、使用GET方式:
var click_title_id=$(this).attr("id");//获得点击文章的ID var url="MainPage.php?title_id="+click_title_id; var ajax=initAjax();//对ajax进行初始化 ajax.open("GET",url,true);//true表示为异步提交 ajax.onreadystatechange=function(){ if(ajax.readyState==4 && ajax.status==200){ var str=ajax.responseText;//获取php返回的数据 $('.show_diary_dir').html(str); } } ajax.send(); });
php页面中会接受到发送到数据并进行处理返回相关类型的数据
$title=$_GET["title_id"]; echo json_encode($comment_array)
<span style="font-family: Arial, Helvetica, sans-serif;">//使用POST方式,需要注意传送多个数据时其格式!!!</span>
<span style="font-family: Arial, Helvetica, sans-serif;">$(".sub_btn").click(function(){</span>
var comment_content = $("#saytext").val(); var diary_id=$('#hid_diaery_id').attr("value"); var url="MainPage_server.php"; var ajax=initAjax();//对ajax进行初始化 var post_str="diary_id="+diary_id+"&comment_content="+comment_content; ajax.open("POST",url,true);//true表示为异步提交 ajax.onreadystatechange=function(){ if(ajax.readyState==4 && ajax.status==200){ var str=ajax.responseText;//获取php返回的数据 … } } ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//定义传输的文件HTTP头信息 ajax.send(post_str); });
php接受对应的数据并进行处理然后返回相关类型数据
$diary_id=$_POST["diary_id"]; $comment_content=$_POST["comment_content"];,用以实时返回提交后的 …//数据处理,然后返回数据,例如$comment_array echo json_encode($comment_array);