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

democreen 2011-01-10 01:02:49
我不知道怎么写，我把我知道的放在这，谁知道的，给点指点，我现在在看选择器，同时也看看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 这个类中，调用业务方法，到数据库中查找，返回对象，判断跳转。

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



...全文
1912 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
YK5TC 2013-06-08
  • 打赏
  • 举报
 回复
引用 3 楼 gouxiongyaya 的回复:
帮你写了一个简单的测试，我是用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();
	}
这下应该会了吧，不知道你是哪出了问题。
不用servlet，用jsp可以吗？
happy664618843 2011-01-19
  • 打赏
  • 举报
 回复
$.get(url,param:params,CallBack)
Cike121272604 2011-01-19
  • 打赏
  • 举报
 回复
本楼也在学呀...，看看load效果怎么样。
banhongguan 2011-01-17
  • 打赏
  • 举报
 回复
<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

?>
R_zhanche 2011-01-13
  • 打赏
  • 举报
 回复
用JQUERY的内置AJAX方法可以解决,主要是理解ajax原理 看哪些数据是服务器端的 哪些是客户端的
democreen 2011-01-12
  • 打赏
  • 举报
 回复
[Quote=引用 3 楼 gouxiongyaya 的回复:]

帮你写了一个简单的测试，我是用servlet做的
Java code

<script type="text/javascript" src="js/jquery-1.4.4.js"></script>
<script type="text/javascript">
$(function(){
$(":input[type=button]").click(function(……
[/Quote]

不胜感激，我这段时间在忙，没登陆，这个我找了本书，现在正看着，谢谢上面的兄弟，太给力，很热心，谢谢，我明天忙完手头的活，就开始写一写如何前台传后台，后台返前台，多交流，谢谢！
gouxiongyaya 2011-01-11
  • 打赏
  • 举报
 回复
帮你写了一个简单的测试，我是用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();

	}

这下应该会了吧，不知道你是哪出了问题。
democreen 2011-01-10
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 gouxiongyaya 的回复:]

你这个应该是提交按钮触发提交事件时，提交用户名和密码到struts中
然后后台经过处理返回一个字符串到前台，不知道你哪有问题？
[/Quote]
兄台，能写出来么，你这么说我也很模糊，今天上午这个问题到现在都没解决，希望你能给我留言，一会回宿舍再看。
gouxiongyaya 2011-01-10
  • 打赏
  • 举报
 回复
你这个应该是提交按钮触发提交事件时，提交用户名和密码到struts中
然后后台经过处理返回一个字符串到前台，不知道你哪有问题？
JavaWeb项目实战之点餐系统全套（前台和后台）
故将点餐系统分为点餐系统前台和点餐系统后台两个项目， 当前课程包含点餐系统前台和点餐系统后台，以及如何将点餐系统前台和后台合并的课程 该课程主要涉及到的技术有：JSP，JavaScript，jQuery，servlet，JDBC，...
jQuery和ajax实现简单的分页（未完成）
Write By Monkeyfly 以下内容均为原创，如需转载请注明出处。 前提 现阶段要对以前的代码进行重构，再加上我之前也没有写过分页的功能，于是就在原有代码的基础上进行重写。 刚开始我也不会写，我也只能是参考以前的写法，在自己完全理解的基础上进行重写。 那如何进行下手呢？ 原理分析 我用点击地址簿图标，获取收寄件人地址信息的案例进行分析一下： 点击地址簿图标后，向后台发起请求，获取收...
java学习笔记——众筹项目练习——前台系统的实名认证功能、ajax发送跨域请求、后台manager系统的实名认证人工审核
实名认证功能 前面的文章中我们实现了后台manager系统中的流程管理功能，并且将实名认证的流程上传到了服务器并完成部署。不过，仅仅是长传和部署当然不是我们的目的啦！我们上传这个实名认证流程时为了可以让前台的广大用户可以使用这个流程，怎么才能使用这个功能呢？那当然是每个用户都需要的实名认证功能啦！ ...
（附源码）基于ssm 图书借阅管理系统-计算机毕设 06780
注册个人信息实现流程为：填写个人信息，系统使用JQuery选择器获取在网页中输入的注册信息，再对联系方式、登录密码等信息进行验证，验证通过后用Ajax异步请求方式向服务器发送请求并把数据传送到后台，然后验证用户名是否已存在，如果已存在则注册失败提示“用户名已存在”；如果用户表中没有该用户名则把用户信息加入数据库，把操作状态以json字符串方式返回到前台。Ajax请求成功接收到返回的数据时会触发成功回调函数，然后解析返回的json字符串，系统根据返回信息弹出提示框，注册成功后返回登录页。
Ajax实现异步操作实例_针对XML格式的请求数据
js分类中有一节【原生js异步请求,XML解析】主要说明了js前台是如何处理XML格式请求和如何接受由服务器返回的XML数据的解析，今天我将用一个实例来说明具体要如何操作. 前台的参数类型也是XML使用的是jquery： function test(){ var xmlString ="<bookstore>"+ "&...
Ajax

52,797

社区成员

25,306

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章