关于JQuery用AJAX请求，过去台获取数据，出入后台，再从后台返回数据给前台

2013-06-25

关于JQuery用AJAX请求，从前台获取数据，出入后台，再从后台返回数据给前台我不知道怎么写，我把我知道的放在

关于JQuery用AJAX请求，从前台获取数据，出入后台，再从后台返回数据给前台
我不知道怎么写，我把我知道的放在这，谁知道的，给点指点，我现在在看选择器，同时也看看ajax的请求和事件，
有知道的，给我提几句方向的话题也行，真的是迷茫啊。


<script type='text/javascript' src='js/jquery-1.4.4.js'></script>

<script type='text/javascript'>
var username;
var password;

$(document).ready(function() {
$.ajax( {
type : "POST",
url : "/login",
data : "name="+username+"&password="+password",
success : function(msg) {
alert("url hasPost!");
}
});
});

formSubmit(){

}
</script>
<body>
<form action="/login" method="post"> 
nausername:<input type="text" name="name" id="name" /><br/>
password:<input type="password" name="password" id="password"/><br/>
<input type="submit" value="提交"><input type="reset" value="重置"/>
</form>
</body>

我定义了id，后面的不知道script里面怎么写，如果用javascript，我的form改该怎么改，script怎么写，

后台用的就是struts结构，写的一个页面跳转，前台登录，之后action里面给存入loginform 这个类中，调用业务方法，到数据库中查找，返回对象，判断跳转。

后台的代码不用贴吧？
如果有需要我就贴，
大家帮我看看，我也看看，这几天高压式的学习，发现网络上的真的很给力！给力！
谢谢大家，帮我顶顶，也帮我看看，大家都学习学习。
在此再次谢谢你！

[解决办法]
你这个应该是提交按钮触发提交事件时，提交用户名和密码到struts中
然后后台经过处理返回一个字符串到前台，不知道你哪有问题？
[解决办法]
帮你写了一个简单的测试，我是用servlet做的


  <script type="text/javascript" src="js/jquery-1.4.4.js"></script>
<script type="text/javascript">
  $(function(){
     $(":input[type=button]").click(function(){
        var $params="username="+$("#name").val()+"&password="+$("#password").val();
         $.ajax({
             type : "POST",
             url: "TestAjaxServlet",
             data: $params,
             success: function(msg){
                 alert(msg);
             }
         });
     });
  })
</script>
</head>

<body>
  <form action="" method="post"> 
        nausername:<input type="text" name="name" id="name" /><br/>
        password:<input type="password" name="password" id="password"/><br/>
        <input type="button" id="submit" value="提交"><input type="reset" value="重置"/> 
 
  </form>
    
</body>


TestAjaxServlet
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {

response.setContentType("text/html");
PrintWriter out = response.getWriter();
String username=request.getParameter("username");
String password=request.getParameter("password");
if(username.equals("hello")&&password.equals("world")){
out.print("success");
}else{
            out.print("error");
}
out.flush();
out.close();
}
这下应该会了吧，不知道你是哪出了问题。

[解决办法]
用JQUERY的内置AJAX方法可以解决,主要是理解ajax原理看哪些数据是服务器端的哪些是客户端的
[解决办法]
  <script type='text/javascript' src='js/jquery-1.4.4.js'></script>

        <script type='text/javascript'>
        var username;
        var password;

    $(document).ready(function() {
        $('#submit1').click(function(){ //将前台数据传后台的触发
            username=$('#username').val();
            password=$('password').val();
            $.ajax( {
              type : "POST",
              url : "/login",
              data : "name="+username+"&password="+password",
              success : function(msg) {//这里是后台处理后传回的数据 msg
                 $.each(msg,function(i,v){
                 alert(v[1]+'你好！');
            }
        });

    });

});

</script>
<body>
        <form action="/login" method="post">
        nausername:<input type="text" name="name" id="name" /><br/>
        password:<input type="password" name="password" id="password"/><br/>
        <input type="submit" value="提交" id='submit1'><input type="reset" value="重置"/>
        </form>
</body>

//后台 action.php
<?php
   $pw = filter_input(INPUT_POST,'password',FILTER_SANITIZE_STRING);
   $name = filter_input(INPUT_POST,'name',FILTER_SANITIZE_STRING);
   $arr[]=$pw;
   $arr[]=$name;

die(json_encode($arr));//后台向js传送的数据是$arr

?>
[解决办法]
本楼也在学呀...，看看load效果怎么样。
[解决办法]
$.get(url,param:params,CallBack)

热点排行