Question

jquery ajax 如何实现动态加载数据。

比如。我受访问页面ajax.php输出新的数据来。index.php首页的某个DIV理装载进最新的信息。要实现页面无刷新。信息自动加载进来。谁有案例给我发个。

Answer 1

$(function(){
$("#submit").click(function(){
if(check()){
var loginName1 = $("input[id='login_username']").val(); //获取账号
var password1 = $("input[id='login_password']").val(); //获取密码
var jsonUser = {loginName:loginName1, password:password1}; //JSON对象

//注意:jsonUser.toString()这种方法错误,javaScript中的toString是用于布尔型变量的,而应用以下方法
var strUser = JSON.stringify(jsonUser); //将JSON对象转变成JSON格式的字符串,

$.post("login.action", {json: strUser}, callback, "json");
var frm=document.getElementById("newLoginDiv");
frm.style.display="none";
}});

function callback(data){
var json = eval("("+data+")");
alert(json.msg); //显示反馈信息
if(json.suc == 1){ //如果返回"登录成功"
var log=document.getElementById("loginEnter");
log.style.display="none";
$("#result").each(function(){
$(this).html('welcome ,' +json.name);
}); //跳转到后台主页
}

}

});

Answer 2

你在index.php中直接调用jquery 然后 写ajax方法像你的ajax.php中发送指令，在你的ajax.php获取参数 echo 结果
这个是我写的方法 你参考一下
$.ajax({
type:'GET',
url:'Obtain.php',
data:'telphone='+tel+'&jxs_user_id='+jxs_user_id,
dataType:'text',
success:function(msg){
if(msg == 6)
{
$("#yzm_btn").hide();
alert("验证码已发送，注意手机查收");
}
else
{
if(msg==6013)
{
alert("该企业用户余额不足!");
}
else
{
$("#yzm_btn").hide();
$("#get_yzm").show(function(){
$("#get_yzm").html(msg);
});

}
}
},
error:function(msg){
alert(msg);
}
});
$("#get_yzm").html(msg); 这个就是你的div的ID为get_yzm 里面提示msg msg就是你在你的ajax.php里面echo出来的东西 希望对你有帮助

Answer 3

上边的代码也是对的，但是不够简洁，可能你看不太懂，我给你写个简洁的：
index.php页面这么写(首先引入jquery的js文件)：
<script>
$(function(){
$.post(
'ajax.php',
null,//如果你需要传参数的话，可以写在这里，格式为：{参数名：值,参数名：值...}
function(data){//执行成功之后的回调函数
$('#info').html(data);
}
);
})
</script>
<div id="info"></div>

Answer 4

ajax提交返回json数组，然后进行动态创建$('这里面写动态创建的内容')。