Question

Jquery ajax提交登陆问题，来个高手解决，加分！后台能接受到值就行。

<div class="login">
<h2>用户登录</h2>
<form method="post" action="">
<p><label for="name" id="name_label">通行证</label>
<input name="name" id="name" type="text" value="" class="textinput5"/>
</p>
<p><label for="password" id="password">密码</label>
<input name="password" id="password" type="password" value="" class="textinput5" />
</p>
<p><input checked="checked" type="checkbox" /><span class="ml">记住我的登录状态</span><a href="#">忘记密码</a></p>
<div class="blk10"></div>
<div><a href="#" class="btn_login">登　录</a><a class="btn_reg" href="/member/register/">注　册</a></div>
</form>
</div>

Answer 1

<script src="../jqueryText/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var name = $("#name_label").val();
var pass = $("$password").val();
$.ajax({
type:'POST',
url:'drive.php',
data:'o=server'+'&name='+name+'&pass='+pass,
dataType:'text',
success:function(date)
{
alert(date);
},
error:function(msg)
{
alert(msg);
}
});
});
</script>
<div class="login">
<h2>用户登录</h2>
<form method="post" action="">
<p><label for="name" id="name_label">通行证</label>
<input name="name" id="name" type="text" value="" class="textinput5"/>
</p>
<p><label for="password" id="password">密码</label>
<input name="password" id="password" type="password" value="" class="textinput5" />
</p>
<p><input checked="checked" type="checkbox" /><span class="ml">记住我的登录状态</span><a href="#">忘记密码</a></p>
<div class="blk10"></div>
<div><a href="#" class="btn_login">登　录</a><a class="btn_reg" href="/member/register/">注　册</a></div>
</form>
</div>
接受参数的drive.php写法
<?php
extract($_POST);
echo $name;//接受传值过来的name
echo $pass;//接受传值过来的pass
?>
有哪里不明白了。HI我就行

Answer 2

function login()
{
var key="name="+$("#name").attr("value")+"&password="+$("#password").attr("value");
jQuery.ajax({
url:"后台接收数据的页面或处理程序",
dataType:"post",
timeout: 3000,//超时3秒
cache:false,
data:key,
async: false,
error:function(){},
success:function(htmlInfo)
{//htmlinfo接收后台返回数据
}
});
}

Answer 3

前台JS
<script src="../jqueryText/js/jquery-1.4.2.min.js" type="text/javascript"></script>//引用。
<script type="text/javascript">
$(function(){
$(".btn_login").click(function(){
$.ajax({
url:"Default.aspx?name="+$("#name").val()+"&password1="+$("#password1").val(),
type:"get",
dataType:"html",
success:function(res){
alert(res);
}
});
return false;
});
});
</script>
//后台
if (Request.QueryString["name"] != null && Request.QueryString["password1"] != null)
{
Response.Write("您的账号密码是：" + Request.QueryString["name"] + "," + Request.QueryString["password1"]);
Response.End();
}

追问

前台是文件名是theme_left.tpl,后台用了model文件夹下的member_model.php和controllers文件夹member.php文件 后台的代码应该加到哪里啊？

追答

PHP 的啊
我后台写的是 asp.net的。
路径你自己改吧，后台代码 自己写吧

Answer 4

可惜啊，100分，来晚了点。。。

追问

还没采纳，你有好的答案继续加分。折磨我两天了，我是个新手！

追答

其实楼上基本来说没问题，只是因为存在中文编码问题，需要进行编码
encodeURIComponent($("#name").val())

后台的接收参数就要根据不同的程序设计语言来进行处理了，