关于.Ajax的使用
时间:2009-06-04
来源:互联网
都说使用jquery可以简化Ajax,我就用的,但是搞了一天都是出错,晕死了,请大家帮忙看一下
前台很简单,代码如下
先引入js文件
<script language="javascript" src="jquery .js"></script>
<script language="javascript" src="check.js"></script>
<form id="form1" name="form1" method="post">
Username: <br />
<input type="text" id="username" name="username" /><br /><br />
Password: <br />
<input type="password" id="password" name="password" /><br /><br />
<button type="submit" id="submit" name="submit"><img src="images/open.gif" /> Login</button>
<button type="reset" id="reset" name="reset"><img src="images/open.gif" /> Reset</button><br /><br />
</form>
<div class="mid_li_2"></div>
jquery .js就不用说了,是原版的,不用动。那么我就继续下了check.js文件,代码如下
$("#submit").click(function(){
if($("#username").val()==""){
$(".mid_li_2")
.slideDown("slow")
.html("<span style='font-size:12px; color:#333; text-align:center'><center>Username can't be empty !</center></span>")
return false;
}else if($("#password").val()==""){
$(".mid_li_2")
.slideDown("slow")
.html("<span style='font-size:12px; color:#333; text-align:center'><center>Password can't be empty !</center></span>")
return false;
}else{
var dataString = 'username='+ $("#username").val() + '&password=' + $("#password").val();
$.ajax({
type: "POST",
url: "user.php",
data: dataString,
error: function(){alert('Error loading XML document');},
success: function(data) {
alert(data);
if(data == 1){
alert("successful");
}else if(data == 0){
$(".mid_li_2")
.slideDown("slow")
.html("<span style='font-size:12px; color:#333; text-align:center'><center>No match for Username and / or Password.</center></span>")
return false;
}
}
});
}
})
这里用了Ajax,user.php文件 代码如下
<?php
$username = $_POST['username'];
$password = $_POST['password'];
if($username == "gideon300"){
echo "1";
}else{
echo "0";
}
?>
其实很简单,但是我就是不知道错在哪里,总是不能成功,谁可以提示一下啊?
前台很简单,代码如下
先引入js文件
<script language="javascript" src="jquery .js"></script>
<script language="javascript" src="check.js"></script>
<form id="form1" name="form1" method="post">
Username: <br />
<input type="text" id="username" name="username" /><br /><br />
Password: <br />
<input type="password" id="password" name="password" /><br /><br />
<button type="submit" id="submit" name="submit"><img src="images/open.gif" /> Login</button>
<button type="reset" id="reset" name="reset"><img src="images/open.gif" /> Reset</button><br /><br />
</form>
<div class="mid_li_2"></div>
jquery .js就不用说了,是原版的,不用动。那么我就继续下了check.js文件,代码如下
$("#submit").click(function(){
if($("#username").val()==""){
$(".mid_li_2")
.slideDown("slow")
.html("<span style='font-size:12px; color:#333; text-align:center'><center>Username can't be empty !</center></span>")
return false;
}else if($("#password").val()==""){
$(".mid_li_2")
.slideDown("slow")
.html("<span style='font-size:12px; color:#333; text-align:center'><center>Password can't be empty !</center></span>")
return false;
}else{
var dataString = 'username='+ $("#username").val() + '&password=' + $("#password").val();
$.ajax({
type: "POST",
url: "user.php",
data: dataString,
error: function(){alert('Error loading XML document');},
success: function(data) {
alert(data);
if(data == 1){
alert("successful");
}else if(data == 0){
$(".mid_li_2")
.slideDown("slow")
.html("<span style='font-size:12px; color:#333; text-align:center'><center>No match for Username and / or Password.</center></span>")
return false;
}
}
});
}
})
这里用了Ajax,user.php文件 代码如下
<?php
$username = $_POST['username'];
$password = $_POST['password'];
if($username == "gideon300"){
echo "1";
}else{
echo "0";
}
?>
其实很简单,但是我就是不知道错在哪里,总是不能成功,谁可以提示一下啊?
作者: gideon300 发布时间: 2009-06-04
type不要用submit,你用button试度
作者: it179 发布时间: 2009-06-04
果然是! 谢谢,太感谢了!原来如此啊~




作者: gideon300 发布时间: 2009-06-04
复制代码
|
作者: quweiie 发布时间: 2009-06-05
谢谢你,学习到很多!
作者: gideon300 发布时间: 2009-06-05
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28