字体:  

jquery ajax求助

xsw0315 发表于: 2008-8-19 11:12 来源: PHPChina 开源社区门户

jquery ajax 求助
我在 前台 html  页面中这样写。

<script  language="javascript"  src="js/jquery-1[1].2.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){//这个就是jQueryready ,它就像C语言的main 所有操作包含在它里面
      $("#l").css('background','red').css('width','5px');
     $("#button_login").mousedown(function(){
    login();//点击ID为"button_login"的按钮后触发函数 login();
     });
});
function login(){//函数 login();
var username = $("#username").val();//取框中的用户名
var password = $("#password1").val();//取框中的密码
$.ajax({//一个Ajax过程
    type: "post",  //以post方式与后台沟通
    url : "./test.php",//与此php页面沟通
    dataType:'json',//从php返回的值以 JSON方式 解释
    data: 'username='+username+'&password='+password,//发给php的数据有两项,分别是上面传来的u和p  
    success: function(json){//如果调用php成功
                        alert(json.username+'\n'+json.password); //把php中的返回值(json.username)给 alert出来
                          }  
           });
}
</script>
<div id =l>loading</div>
<input type ="text" id="username" size="10"/>
<input type ="password"  id="passwordl" size ="10"/>
<input type ="button" id ="button_login" value="测试"/>

后台PHP页面
<?php
echo json_encode(array ('username'=>$_REQUEST['username'],'password'=>$_REQUEST['password']));
?>
但我点 测试按扭 没反映,本人刚接触 jquery ajax,请高手帮下忙`万分感谢

最新回复

xsw0315 at 2008-8-19 11:27:08
谁帮帮我啊`自己弄好几天了,也不好用
yhblxyy at 2008-8-19 11:44:51
success: function(json){//如果调用php成功
后面+:
json = eval('('+json+')')
xsw0315 at 2008-8-19 11:52:23

QUOTE:

原帖由 yhblxyy 于 2008-8-19 11:44 发表
success: function(json){//如果调用php成功
后面+:
json = eval('('+json+')')
加上了还 是没反映。你试好用么。。
yhblxyy at 2008-8-19 11:55:11
我测试了 没问题 json = eval('('+json+')') ;(这里有个分号)
xsw0315 at 2008-8-19 11:59:15

QUOTE:

原帖由 yhblxyy 于 2008-8-19 11:55 发表
我测试了 没问题 json = eval('('+json+')') ;(这里有个分号)
我加了,不好用。难道还要设置什么么
xsw0315 at 2008-8-19 12:03:36
jquery ajax 是引入 jquery文件后 直接就可以拿来用了是吗?
yhblxyy at 2008-8-19 12:11:13
<?php

if($_POST)
{
echo json_encode(array ('username'=>'username','password'=>'pass'));
die();
}
?>
<script  language="javascript"  src="jquery-1[1].2.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){//这个就是jQueryready ,它就像C语言的main 所有操作包含在它里面
      $("#l").css('background','red').css('width','5px');
     $("#button_login").mousedown(function(){
   
        login();//点击ID为"button_login"的按钮后触发函数 login();
     });
});
function login(){//函数 login();
var username = $("#username").val();//取框中的用户名
var password = $("#password1").val();//取框中的密码

$.ajax({//一个Ajax过程
    type: "post",  //以post方式与后台沟通
    url : "./class.php",//与此php页面沟通
    //dataType:'json',//从php返回的值以 JSON方式 解释
    data: 'username='+username+'&password='+password,//发给php的数据有两项,分别是上面传来的u和p  
    success: function(json){//如果调用php成功
        json = eval('('+json+')');
                        alert(json.username+'\n'+json.password); //把php中的返回值(json.username)给 alert出来
                          },error:function(){alert('error')}  

           });
}
</script>
<div id =l>loading</div>
<input type ="text" id="username" size="10"/>
<input type ="password"  id="passwordl" size ="10"/>
<input type ="button" id ="button_login" value="测试"/>



我测试的 ,你把url改成你的文件名试下
kemy88 at 2008-8-19 12:42:03
经我测试 代码没问题:
我怀疑:
1. 你的jquery.js有问题
2. php环境是php5吗? 如果不是不能直接用json_encode;



test.php  ---本人是php4环境



[ 本帖最后由 kemy88 于 2008-8-19 12:44 编辑 ]


aa.jpg

xsw0315 at 2008-8-19 13:03:33
谢谢大家`找到原因了,php升到5好用了`
阿门119 at 2008-8-19 13:40:35
js难调试,比较麻烦的。