jquery之ajax之$.get方法的使用
2016-08-07 13:31
411 查看
jquery对ajax进行了封装,非常方便。
自己用$.get()方法写了个小demo,包括客户端和服务端。
客户端:
服务器端(jsp):
如果需要在服务器端返回json格式的数据,可以使用json_simple-1.1.jar类库中的JSONObject.
/* JSONObject jsonObject= new JSONObject();
jsonObject.put("name", "小强");
jsonObject.put("say", "你真牛");
/* out.print(jsonObject.toJSONString());
out.flush(); */
/* response.getWriter().print(jsonObject.toJSONString());
System.out.print("visit jsp success2"); */
//System.out.print(jsonObject.toJSONString());
自己用$.get()方法写了个小demo,包括客户端和服务端。
客户端:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="../js/jquery-3.1.0.min.js"></script> </head> <body> <div id="div"> <div > <span class="f1">电影</span> <span class="f2"><input id="btn" type="button" value="加载" ></span> </div> <ul></ul> </div> <script type="text/javascript"> $(function(){ $("#btn").bind("click",function(){ var $this= $(this); $.get("../jsp/test4.jsp",function(data){ $this.attr("disabled","true"); $("ul").append("<li>"+ data+ "</li>"); }); }); }); </script> </body> </html>
服务器端(jsp):
<%@page import="org.json.simple.JSONObject"%> <%@ page language="java" contentType="text/html; charset=utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Insert title here</title> </head> <body> <% String msg= "你好吗?ajax"; response.getWriter().print(msg); %> </body> </html>
如果需要在服务器端返回json格式的数据,可以使用json_simple-1.1.jar类库中的JSONObject.
/* JSONObject jsonObject= new JSONObject();
jsonObject.put("name", "小强");
jsonObject.put("say", "你真牛");
/* out.print(jsonObject.toJSONString());
out.flush(); */
/* response.getWriter().print(jsonObject.toJSONString());
System.out.print("visit jsp success2"); */
//System.out.print(jsonObject.toJSONString());
相关文章推荐
- JQuery的Ajax使用Get,Post方法调用C#WebService并返回数据
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的使用方法总结
- jquery的get,post和ajax方法的使用
- jquery中get,post和ajax方法的使用小结
- JQuery中ajax,get方法在asmx中的使用
- Jquery中 $.get(),$.post(),$.ajax(),$.getJSON()方法的使用与区别
- 使用jQuery的ajax方法向服务器发出get和post请求的方法
- 前端使用Jquery的getJSON方法,后台使用PHP,解决IE和火狐Firefox中存在的跨域ajax请求问题。
- jquery的get,post和ajax方法的使用
- 在JQuery中可以使用get,post和ajax方法给服务器端传递数据
- JQuery中ajax,get方法在ashx,aspx,asmx中的使用
- jquery的get,post和ajax方法的使用
- JQuery中ajax,get方法在ashx,aspx,asmx中的使用
- jquery中get,post和ajax方法的使用小结
- jQuery的ajax()检验用户名;通过jQuery的load()/get()/post()方法实现;使用XMLHTTPRequest对象来进行AJAX的异步数据交互
- JQuery的get、post和ajax方法的使用
- jQuery.ajax的使用方法
- jquery使用$.getJson()跨域大数据量请求方法
- asp.net2.0使用jquery.tree及$.ajax调用[WebMethod]方法
- jquery之管理包装元素集合(从包装集获取元素,get()方法与index()方法的使用)