2 qishiwobubiaohan qishiwobubiaohan 于 2016.04.22 00:22 提问

JSP使用JQery的ajax出现问题,麻烦各位解答
 背景:

楼主用MyEclipse建了一个Web项目,使用JSP,其中有<%%>内的java代码以及js代码,在项目中还有一个servlet
现在,想实现这样一个效果:
     当在jsp中点击一下<form>中的一个button时候,调用js一个funcition,把js一个全局变量传给servlet
百度了一下,好像JQery的ajax可以实现,但是楼主按照教程写下代码之后发现项目没有反应,不清楚错在哪里,麻烦大家赐教。

具体情况:

servlet代码

public class test extends HttpServlet {

public void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String countid_str =request.getParameter("countid");
int countid = Integer.parseInt(countid_str);
Main.countPV = countid;
Main.getPV();
}
}

servlet 的 web.xml 配置:
<servlet>
    <servlet-name>test</servlet-name>
    <servlet-class>servlet.test</servlet-class>
  </servlet>

  <servlet-mapping>
    <servlet-name>test</servlet-name>
    <url-pattern>/test</url-pattern>
  </servlet-mapping>

项目引入的jq

![图片说明](https://img-ask.csdn.net/upload/201604/22/1461255692_57877.jpg)

js中全局变量countbv

![图片说明](https://img-ask.csdn.net/upload/201604/22/1461255722_705860.jpg)

单机触发js事件的form

<form action="test" method="post" class="list">
<input type="button" id="deal" value="deal" onClick="btn_deal()">
</form>

js事件

$.ajax({
type:"post",
async: false,
url:"test",
data:{
countid:countpv+""
},
    success:function(msg){
        alert(msg);
        },
        error:function(){
        alert("error");

        }
   });

麻烦各位指出错误。

3个回答

caozhy
caozhy   Ds   Rxr 2016.04.22 04:28

完全没反应可能是你的ajax代码根本都没有执行,你的"js事件"代码写在哪里了。另外引用jquery库了么

hsd2012
hsd2012 回复qishiwobubiaohan: 路径怎么写,得看你的servlet的配置,你查看一下web.xml
大约 2 年之前 回复
qishiwobubiaohan
qishiwobubiaohan 引用了,上面有截图,不知道是不是引用错了之类的,JS事件代码就是上面最后一段那个 ajax --不好意思,应该是JQ吧
大约 2 年之前 回复
hsd2012
hsd2012   2016.04.22 08:36

仅仅看这些信息,还不好确定错误,首先,你的看看浏览器是否提示js错误,如果有,这js写的有问题,其次,看看ajax里面的提交路径是否有问题,比如点击一下相应的按钮看发生请求的url是否正确,如果到这一步还没有问题,就检查Servlet

qishiwobubiaohan
qishiwobubiaohan 路径是指URL吗?我看到W3C那里API说URL是提交请求的页面?这个应该怎么写?
大约 2 年之前 回复
showbo
showbo   Ds   Rxr 2016.04.22 09:07

jquery路径有问题吧,就没加载进来
./js/jquery.js这种路径要求你的jsp和js文件夹同级

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
AJAX相册,基于jqery
jqery支持下的AJAX相册jqery支持下的AJAX相册jqery支持下的AJAX相册
jquery如何实现在jsp页面中的无刷新分页
<br />公司要求用jquery实现页面无刷新分页,外加增删改查操作。<br />  我们采用的技术是jsp+JavaBean+Servlet,后台数据库为sqlserver 2000<br />  现在是测试阶段,还没有正式应用到到项目中去。<br /><br />  由于本人之前没接触过jquery,所以在网上查找相关资料,想要一顿恶补,<br />  但是在所找到的资料中php的例子居多,.net的也有,可关于jsp的则少之又少,<br />  基本没有一个完整的demo可供参考,参照那些例子做出来
jsp+jquery+ajax+json 实例
index.jsp页面代码 My JSP 'index.jsp' starting page function CheckAjax () { if($('#username').val().length==0){ $('.hint').text("用户名不能位
jsp中利用jquery+ajax传递json格式参数与前后台之间
经过一段时间的实验琢磨,终于将前后台之间的参数传递搞定了,实验所用工具myeclipse+structs1.2。 总结:容易出错的地方:1.ajax中data的格式一定要写对,这里举了两种形式,一种是  data:{参数:“”}   另一种是  data:“参数=”+变量。 2.后台传递到前台数据转化为json格式,步骤要掌握好。 3.在js使用jquery必须要引用进来,否则会不执行jqu
vs2010+opencv2.4.9运行时候出现问题?求助各位
参考书目是OpenCV3 编程入门 程序是: # include using namespace cv; int main () { VideoCapture capture("1.avi"); while (1) { Mat frame; capture>>frame; imshow("reading video", frame); waitKey(60000);
jquery,js,jsp,ajax,EL表达式的区分
简单点说:jQuery是轻量级的js框架,封装了很多js方法,简单易用;js就是对页面的渲染,来实现一些逻辑,现在应该很少用原始js了吧;JSP就是页面的展示;ajax最多用途是做前后台数据交互;json你就把它简单理解成一个特殊的字符串就行了;EL表达式以前用的比较多,就是把后台返回数据在页面展示的一种方法; js:javascript,用于网页前端开发的,在浏览器上运行,文件类型 js
基于jQuery实现的Ajax 验证用户名唯一性
JSP部分代码: 用户管理 function doVerify(){ //获取界面的账号 var account = $("#account").val(); //获取账号后的提示信息文本 var accountText = document.get
jsp注册页面,Ajax实现验证用户名是否存在,密码是否一致,当不存在时,注册按钮变成灰色。
register.jsp页面信息 page contentType="text/html;charset=UTF-8" language="java" %> 注册页面 type="text/javascript"> function createXMLHttpRequest() { //创建XMLHttpRequest try
JSP如何使用Ajax
1:下载jquery-1.3.2.js包,或者更高版本包,并在jsp中导入 2:在该jsp页面的js文件中使用 $.ajax({ type: "POST", url: "login.do", ---------提交到哪个页面 data:"a="+id+“&b=”+name, -----------需要传递的
在jsp中运用ajax(简单入门)
由于ajax为我们带来太多的好处,所以在很多应用中我们都会优先选择这种技术,于是我也为之所吸引,现跟大家分享下一个简单的入门例子。regist.jsp文件:一个简单的注册页面    %>注册页面     function myAlert(strTitle) {        var message=document.getElementById("myDiv").innerHTML;