ajax 笔记

发布时间：2020-12-16 01:51:47 所属栏目：百科来源：网络整理

导读：//模拟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')

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!