//模拟ajax实现无
$n = file_get_contents('./rss.txt');
$n = $n+1;file_put_contents('./rss.txt',$n);
实现 无刷新效果 最主要的是发送一个http请求 而不跳转
//1 利用http协议的204特性 虽然请求了页面,但是没有调转
header('HTTP/1.1 204 No Content');
function vote(){
var h = document.createElement('img');//创建图片属性
h.setAttribute('src','vote.php'); //请求页面
//h.setAttribute('src','3.jpg');
//document.getElementById('tp').appendChild(h);
}
console.log(new XMLHttpRequest());
返回类型为XML responseXML
eval('('+responseText+')'); //将json格式的数据转成对象
//从数据库取出数据来,转成json格式
$arr = array('name'=>'令狐冲','age'=>33);
echo json_encode($arr);
jsonp 跨域问题
<script>
function sear(){
var key = document.getElementsByName('key')[0].value;
var url = "http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q="+key+"&callback=ss ";
var jp = document.createElement('script');
jp.setAttribute("type","text/javascript");
jp.setAttribute("src",url);
document.getElementsByTagName('head')[0].appendChild(jp);
}
function ss(res){
var result = res.responseData.results;
var str="";
var d = document.getElementById('jsonp');
for(var i in result){
str += '<p>'+result[i].title+'<p>';
str += '<p>'+result[i].visibleUrl+'<p>';
str += '<p>'+result[i].content+'<p>';
}
d.innerHTML = str;
}
<script>
<p><input type="text" name="key"><p>
<input type="button" value="查询" οnclick="sear();">
<div id="jsonp"><div>
//ajax 信息码
0 XHR对象刚建立1 open成功后,(此时,已建立连接成功)
2 接受头信息,成功
3 接受,body信息
4 成功,断开连接
利用jquery 和 iframe 伪装上传
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
function iframeup(){
var ifname="up" + Math.random();
$('<iframe name="'+ ifname + '"></iframe>').appendTo($('body'));
$('form:first').attr('target',ifname);
$('#h2').html("<img src='./loading.gif'>");
// return false;
}
<h2 id="h2"></h2>
<form action="up.php" method="post"enctype="multipart/form-data" οnsubmit="return iframeup();" />
<p>
<input type="file" name="pic">
<p>
<p>
<input type="submit" value="上传">
<p>
//up.php
"<script>parent.document.getElementById('h2').innerHTML='$erron'</script>";