jsp使用jquery通过ajax方式访问

和asp.net里面没有什么区别啦:

 

jsp

<%@ page language="java" contentType="text/html" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
   
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="content" content="text/html;charset=utf-8">

<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">

function sub()
{

  $.ajax({
   type:"post",
   url:"loginServlet",
   data:{
   username:$("#username").val(),
   content:$("#content").val()
   },
   success:function(data,textStatus){
    $("#resText").html(data);
   }
   });
 
}

</script>

</head>

<body>

<form action="./test" id="form1" method="post">
<p></p>
<p><input type="text" name="username" id="username"/></p>
<p><textarea name="content" id="content" rows="2" cols="20"></textarea></p>
<p><input type="button" id="send" value="" onclick="sub();"/></p>
</form>
<div class="comment">
</div>
<div id="resText">
</div>

</body>
</html>

 

Servlet
package com;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class test extends HttpServlet {

public void service(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
   request.setCharacterEncoding("utf-8");
   response.setContentType("text/html;charset=utf-8");
   System.out.println("start............");
   String username=request.getParameter("username");
   String content=request.getParameter("content");
   //username=new String(username.getBytes("gb2312"),"utf-8");
  PrintWriter out = response.getWriter();
   out.write(username);
   System.out.println("username>>=="+username);
   out.write(content);
   out.flush();
   out.close();
   System.out.println("end");
}
}

时间: 2024-08-25 13:29:52

jsp使用jquery通过ajax方式访问的相关文章

JSP+jquery使用ajax方式调用json的实现方法_JSP编程

本文实例讲述了JSP+jquery使用ajax方式调用json的实现方法.分享给大家供大家参考,具体如下: 前台: <script type="text/javascript" src="jquery-1.5.1.min.js"></script> <script type="text/javascript"> //test function test(uid) { if(confirm("确定该用户

jquery的ajax方式调用json简单例子

  jquery的ajax方式调用json简单例子 前台: <script type="text/javascript" src="jquery-1.5.1.min.js"></script> <script type="text/javascript">         //test  function test(uid)  {    if(confirm("确定该用户操作"+uid+&q

Jquery通过Ajax方式来提交Form表单的具体实现_jquery

今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: 复制代码 代码如下: $.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); } }); 后

jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表_jquery

对于问题从后台获取json数据,将内容填充到下拉列表,代码非常简单,具体过程请看下面代码. 需求:url:链接     par:ID       sel:下拉列表选择器 //获取下拉列表 function BuildSelectBox(url, par, sel) { $(sel).empty(); $.getJSON(url, { id: par }, function (json, textStatus) { for (var i = json.length - 1; i >= 0; i--

jsp使用jquery的ajax向servlet传值,

问题描述 是这样的,一个页面,用户填写完信息后,点击按钮,然后,用servlet发送邮件到一个邮箱,判读邮件是否发送成功,然后使用ajax,如果成功,自动弹出一个div:发送邮件成功与否我想用true和false来实现,那ajax这里该如何实现呢:初学ajax,请多指教: 解决方案 $.ajax({url: '/servlet.do',param: '',success: function(d) { if(d) // 发送成功,弹出DIV等处理 else // 发送失败}});

jsp+struts2+jquery ajax返回Internal server error

问题描述 jsp+struts2+jquery ajax返回Internal server error 架构: struts2+jsp+jquery 关键代码: jQuery.ajax({ url: 'business/xxxx.action', data: 'id='+id, type: 'POST', dataType:"json", error: function(request,textStatus,errorThrown) { alert(errorThrown); //前台

jquery中ajax处理跨域的三大方式_jquery

由于JS同源策略的影响,因此js只能访问同域名下的文档.因此要实现跨域,一般有以下几个方法: 一.处理跨域的方式: 1.代理 2.XHR2 HTML5中提供的XMLHTTPREQUEST Level2(及XHR2)已经实现了跨域访问.但ie10以下不支持 只需要在服务端填上响应头: header("Access-Control-Allow-Origin:*"); /*星号表示所有的域都可以接受,*/ header("Access-Control-Allow-Methods:G

jQuery Ajax方式上传文件的方法_AJAX相关

jQuery Ajax方式上传文件用到两个对象 第一个对象:FormData 第二个对象:XMLHttpRequest 目前新版的Firefox 与 Chrome 等支持HTML5的浏览器完美的支持这两个对象,但IE9尚未支持 FormData 对象,还在用IE6 ? 只能仰天长叹.... 有了这两个对象,我们可以真正的实现Ajax方式上传文件. 示例代码: <!DOCTYPE html> <html> <head> <title>Html5 Ajax 上传

jquery.form.js实现将form提交转为ajax方式提交的方法_jquery

本文实例讲述了jquery.form.js实现将form提交转为ajax方式提交的方法.分享给大家供大家参考.具体分析如下: 这个框架集合form提交.验证.上传的功能. 这个框架必须和jquery完整版结合,否则使用min则无效. 原理:利用js进行对form进行组装成ajax的url和data,原理还是用ajax来提交,其实这完全可以自己写,但是有这个框架可能会更简单. 一.最简单例子: 第一步:引用js <!--这里的min是自己用js压缩工具对完整版进行的压缩 并不是真正的min,所以好