phpajax无刷新
<metacharset="utf-8">
<formid="uploadForm">
<p>指定文件名:<inputtype="text"name="filename"value=""/></p>
<p>
上传文件:
<inputtype="file"name="photo"onchange="showPreview(this)"class="file"/>
<imgid="portrait"src=""width="70"height="75">
</p>
<inputtype="button"value="上传"onclick="doUpload()"/>
</form>
<scriptsrc="http://www.haoyunyun.cn/jquery.js"></script>
<script>
functiondoUpload(){
varformData=newFormData($("#uploadForm")[0]);
$.ajax({
url:'submit.php',
type:'POST',
data:formData,
async:false,
cache:false,
contentType:false,
processData:false,
success:function(returndata){
alert(returndata);
},
error:function(returndata){
alert(returndata);
}
});
}
</script>
<scripttype="text/javascript">
functionshowPreview(source){
varfile=source.files[0];
if(window.FileReader){
varfr=newFileReader();
fr.onloadend=function(e){
document.getElementById("portrait").src=e.target.result;
};
fr.readAsDataURL(file);
}
}
</script>
<?php
if($_FILES['photo']['error']>0){
echo"上传文件失败";
die;
}
$dir='./photo/';
$type=substr($_FILES['photo']['name'],strrpos($_FILES['photo']['name'],'.'));
$filename=time().rand(1000,9999).$type;
if(is_uploaded_file($_FILES['photo']['tmp_name'])){
move_uploaded_file($_FILES['photo']['tmp_name'],$dir.$filename);
echo"上传成功";
}else{
echo"上传文件失败";
}
Ⅱ PHP AJAX 怎么实现无刷新更新留言
$(function(){
$('#button').click(function(){
var name = $('#button').val();
//接收数组中包含中文的用$.getJSON()
$.getJSON("b.php?name="+name,
function(data) { //alert(data[3]);
if (data == "") {
alert('暂无数据');
return false;
}
$.each(data,function(i,n){
alert( "key="+i + " :text=" + n );
});
});
});
});
Ⅲ php+ajax+js如何实现无刷新传值内容。
首先,ajax传值一般都是基于js事件去执行,所以,你要先给传值的表单加个事件,这个事件去触发一个js函数,这个函数是你自己定义的,在函数中通过jquery的ajax去指定url请求,然后基于post还是get在jQuery的方法中设置就行了,所谓ajax不过是浏览器异步请求url地址发放数据的表单而已,这样你应该明白了吧
Ⅳ 谁给我讲下ajax+php无刷新分页原理
ajax 是一个js脚本。或者用jquery里面的ajax
如果你要验证用户名。你可以在你的input 属性里面加上 onchange=“调用函数”
调用函数就是ajax的代码。
ajax是这样完成工作的,
首先发送请求到你指定的页面比如abc.php(附带你设置的post或者get),
abc.php响应成功后,执行它里面的代码去处理你传递过来的参数。如果存在这个用户。然后返回一个值或者函数 如果不存在也会返回一个值或者函数,你要自己去设置。
然后ajax把这个返回的值或者函数进行处理,比如显示它,或者调用函数禁用提交按钮。
Ⅳ php中调用js的方法,用的ajax做的一个表单提交无刷新,在提交完之后如何重置清空本文框
你这段代码
<script>
functiontts(){
document.getElementById("sname").value="";
document.getElementById("pwd'").value="";
}
</script>
是在php文件中的。php服务于服务器,js是操作客户端,两者不可直接相互调用。你的php文件根据用户提交的数据情况,返回相应的字符串:此处是一段javascript命令:
<scripttype="text/javascript">tts()</script>
客户端的ajax方法接收到服务器返回来的这段命令(字符串)之后,只会把它当作普通字符串处理,并不会把它作为新的DOM节点,(<script></script>这是一个节点)。
你的本意是返回命令:告诉客户端执行函数:tts(),但客户端并没有这个函数,所以你应该在客户端代码中添加tts()函数。既然是服务器上的php告诉客户端要执行函数tts()以清空文本框,那么这种告诉方式有无穷多种。也就是说,客户端根据服务器返回来的数据执行相应的命令,比如若服务器返回 "ABC",则执行命令:alert("ABC"),或干点别的什么事情。
实际上这是很简单就可以做得到的。楼主想得复杂化了。
一句话:
ajax根据服务器(php)返回的数据(命令或消息)执行相应的代码,只要你愿意。
补充:楼主为什么要把javascript函数tts放在php文件中呢?害怕客户知道这个函数的具体代码?
浏览器不知道函数的代码是什么怎么执行!!