ajax返回servlet的值
2016-12-20 17:55
465 查看
用ajax实验 从servlet取出值
1.要注意xml中的路径配置要一致
2.要注意$.ajax中的返回类型
3.要注意请求方式是否一致
js:
<%@page pageEncoding="GBK"%>
<div>
<form id="queryfm" name="queryfm" method="GET">
<input id="id" name="id" type="text" value="dc"
size="35" data-options="required:false" class="input_text easyui-validatebox"/>
<input type="button" id="check" value="验证"/>
</form>
</div>
<br>
<script src="jquery-1.9.1.js" type="text/javascript" > </script>
<script type="text/javascript" >
$(function(){
$("#check").click(function(){
var value=$("#id").val();
$.ajax({
url:"services/getUserId.js",//要请求的服务器url要跟xml中一致
data:{id:value}, //表示请求的参数
type:"GET", //请求方式要跟jsp一致
dataType:"text", //要注意服务器返回的数据是什么类型
success:function(data){ //这个方法会在服务器执行成功是被调用 ,参数data就是服务器返回的值
alert("servlet返回值:"+data);
},
error:function(data,name){
alert("错误"+name);
}
});
});
});
</script>
xml:
<servlet>
<servlet-name>UserInfoServlet</servlet-name>
<servlet-class>com.pasc.trdplus.UserInfoServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>UserInfoServlet</servlet-name>
<url-pattern>/services/getUserId.js</url-pattern>
</servlet-mapping>
java:
public class UserInfoServlet extends HttpServlet {
/**
*
*/
private static final long serialVersionUID = 1L;
@Override
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setHeader("Expires","0");
String id="ssf";
response.getWriter().print(id);
1.要注意xml中的路径配置要一致
2.要注意$.ajax中的返回类型
3.要注意请求方式是否一致
js:
<%@page pageEncoding="GBK"%>
<div>
<form id="queryfm" name="queryfm" method="GET">
<input id="id" name="id" type="text" value="dc"
size="35" data-options="required:false" class="input_text easyui-validatebox"/>
<input type="button" id="check" value="验证"/>
</form>
</div>
<br>
<script src="jquery-1.9.1.js" type="text/javascript" > </script>
<script type="text/javascript" >
$(function(){
$("#check").click(function(){
var value=$("#id").val();
$.ajax({
url:"services/getUserId.js",//要请求的服务器url要跟xml中一致
data:{id:value}, //表示请求的参数
type:"GET", //请求方式要跟jsp一致
dataType:"text", //要注意服务器返回的数据是什么类型
success:function(data){ //这个方法会在服务器执行成功是被调用 ,参数data就是服务器返回的值
alert("servlet返回值:"+data);
},
error:function(data,name){
alert("错误"+name);
}
});
});
});
</script>
xml:
<servlet>
<servlet-name>UserInfoServlet</servlet-name>
<servlet-class>com.pasc.trdplus.UserInfoServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>UserInfoServlet</servlet-name>
<url-pattern>/services/getUserId.js</url-pattern>
</servlet-mapping>
java:
public class UserInfoServlet extends HttpServlet {
/**
*
*/
private static final long serialVersionUID = 1L;
@Override
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setHeader("Expires","0");
String id="ssf";
response.getWriter().print(id);
相关文章推荐
- ajax异步 servlet返回json格式数据注意 “ ‘ 的区别
- echarts通过ajax向服务器发送post请求,servlet从数据库读取数据并返回前端
- 使用ajax请求servlet返回json格式字符串
- ajax返回中文乱码,servlet中的显示乱码,post提交的乱码问题,编码大总结
- servlet返回json字符串,ajax接受失败
- ajax简单实例(js内产生xmlHttpRequest,它和servlet交互返回xml显示在页面)
- Ajax发送请求放到Servlet,Servlet读取数据库返回json给Ajax。
- Ajax请求Servlet返回文本 json html和XML数据并解析xml及responseText和responseXML的区别
- ajax调后台servlet,把返回json用vue做绑定
- 设定servlet返回ajax值为json类型
- AJAX在servlet中返回中文乱码问题的解决
- AJAX用jquery解析servlet返回回来的XML 数据
- Ajax servlet 返回xml数据乱码问题
- Ajax处理XML,XMLHttpRequest对象的创建和访问servlet并返回xml数据到页面展示
- 从jsp页面发送ajax请求,servlet接受参数并返回json数据
- echarts通过ajax向服务器发送post请求,servlet从数据库读取数据并返回前端
- Ajax请求servlet成功但返回错误
- jsp用ajax传值给servlet并返回
- Ajax请求Servlet返回文本 json html和XML数据并解析xml及responseText和responseXML的区别
- Ajax处理servlet的返回值