ajax 笔记

//模拟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');

// 2 创建一个图片 发送请求
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="查询" onclick="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" onsubmit="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>";

原文地址：https://www.jb51.cc/ajax/162912.html