ajax之分页

Ajax 前端之家
前端之家收集整理的这篇文章主要介绍了ajax之分页，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

ajax之分页

前台页面：

[html] view plain copy print ?
  1. <%@pagecontentType="text/html;charset=GBK"%>
  2. <%@tagliburi="http://java.sun.com/jstl/core"prefix="c"%>
  3. <%@tagliburi="/WEB-INF/tld/utiltags.tld"prefix="util"%>
  4. <scripttype="text/javascript"
  5. src="<%=request.getContextPath()%>/js/common.js"></script>
  6. <scriptlanguage="javascript"
  7. src="<%=request.getContextPath()%>/js/xmlcommon.js"></script>
  8. src="<%=request.getContextPath()%>/css/tabber.js"></script>
  9. src="<%=request.getContextPath()%>/js/calendar.js"></script>
  11. <linkrel="stylesheet"
  12. href="<%=request.getContextPath()%>/css/example.css"TYPE="text/css"
  13. MEDIA="screen"/>
  14. <linkrel="stylesheet"
  15. href="<%=request.getContextPath()%>/css/style.css"type="text/css"/>
  16. src="<%=request.getContextPath()%>/js/jquery-1.3.2.min.js"></script>
  17. <head>
  18. <util:message/>
  19. <Metahttp-equiv="Content-Type"content="text/html;charset=GBK">
  20. <title>电话销售系统</title>
  21. </head>
  22. <body>
  23. <formname="form1"method="post"action="">
  24. <tablewidth="99%"border="0"align="center"cellpadding="0"
  25. cellspacing="0">
  26. <tr>
  27. <tdwidth="22"height="32"
  28. background="<%=request.getContextPath()%>/images/main/frame_q.jpg">
  29. </td>
  30. <td
  31. background="<%=request.getContextPath()%>/images/main/frame_w.jpg"
  32. class="MainTitle">
  33. <!--呼入控制数据设置-->
  34. 呼入屏蔽设置
  35. <tdwidth="22"height="32"
  36. background="<%=request.getContextPath()%>/images/main/frame_e.jpg">
  37. </td>
  38. </tr>
  39. <td
  40. background="<%=request.getContextPath()%>/images/main/frame_a.jpg">
  41. <tdvalign="top"bgcolor="#EFEFEF">
  42. <tablewidth="100%"border="0"cellspacing="0"cellpadding="0">
  43. <td></td>
  44. </tr>
  45. </table>
  46. <tablewidth="100%"border="0"cellpadding="0"cellspacing="0"
  47. bgcolor="#EFEFEF">
  48. <tdclass="SecondTitle">.:设置查询:.</td>
  49. <tr>
  50. <tdbgcolor="#999999">
  51. <tablename="tableA"border="0"cellspacing="1"cellpadding="1"
  52. width="100%">
  53. <trwidth="100%">
  54. <tdwidth="14%"align="right"class="general-td">数据来源:</td>
  55. <tdalign="left"class="general-td"><select
  56. name="dataSource"class="selectCtrl"id="dataSource">
  57. <optionvalue="">全部</option>
  58. <optionvalue="1"<c:iftest='${result.blackListDTO.dataSource=="1"}'>selected</c:if>>电销系统</option>
  59. <optionvalue="2"<c:iftest='${result.blackListDTO.dataSource=="2"}'>selected</c:if>>承保系统</option>
  60. </select></td>
  61. <tdwidth="14%"align="right"class="general-td">类型:</td>
  62. <tdalign="left"class="general-td"><select
  63. name="type"class="selectCtrl"id="type">
  64. <optionvalue="">全部</option>
  65. <optionvalue="1-1"<c:iftest='${result.blackListDTO.type=="1-1"}'>selected</c:if>>黑名单(电销)</option>
  66. <optionvalue="1-2"<c:iftest='${result.blackListDTO.type=="1-2"}'>selected</c:if>>黑名单(承保)</option>
  67. <optionvalue="2"<c:iftest='${result.blackListDTO.type=="2"}'>selected</c:if>>号码屏蔽</option>
  68. <trwidth="100%">
  69. <tdwidth="14%"align="right"class="general-td">类型明细:</td>
  70. name="typeDetail"class="selectCtrl"id="typeDetail">
  71. <c:forEachvar="blackList"
  72. items="${result.blackListRemarkList}">
  73. <optionvalue='<c:outvalue="${blackList.paramId}"/>'<c:iftest="${result.blackListDTO.typeDetail==blackList.paramId}">selected</c:if>>
  74. <c:outvalue="${blackList.paramValue}"/>
  75. </option>
  76. </c:forEach>
  77. <optionvalue="hc"<c:iftest='${result.blackListDTO.typeDetail=="hc"}'>selected</c:if>>呼出</option>
  78. <optionvalue="dx"<c:iftest='${result.blackListDTO.typeDetail=="dx"}'>selected</c:if>>短信</option>
  79. </select></td>
  80. <tdwidth="14%"align="right"class="general-td">是否屏蔽:</td>
  81. name="isExcluded"class="selectCtrl"id="isExcluded">
  82. <optionvalue="1"<c:iftest='${result.blackListDTO.isExcluded=="1"}'>selected</c:if>>是</option>
  83. <optionvalue="0"<c:iftest='${result.blackListDTO.isExcluded=="0"}'>selected</c:if>>否</option>
  85. <tdcolspan="4"align="right"class="general-td"><input
  86. name="efdag3"type="button"class="btn"value="查询"
  87. onclick="searchCallInControlDataList();"></td>
  88. </table>
  89. <tablewidth="100%"border="0"cellspacing="0"cellpadding="0">
  90. <td></td>
  91. <tablewidth="100%"border="0"cellpadding="0"cellspacing="0"
  92. bgcolor="#EFEFEF">
  93. <tdclass="SecondTitle">.:查询结果:.</td>
  94. <tdbgcolor="#999999">
  95. <tablename="tableB"border="0"cellspacing="1"cellpadding="1"
  96. width="100%">
  97. <tdwidth="10%"align="center"bgcolor="#DFE0E4"class="title-td">
  98. 选择
  99. <inputtype="checkBox"name="checkAll"id="checkAll"onclick="gotocheckAll(this);">
  100. <tdwidth="10%"align="center"bgcolor="#DFE0E4"
  101. class="title-td">数据来源</td>
  102. class="title-td">类型</td>
  103. class="title-td">类型明细</td>
  104. class="title-td">是否屏蔽</td>
  105. class="title-td">最新操作时间</td>
  106. <c:forEachvar="black"items="${result.blackList}">
  107. <tdstyle="display:none;"><inputtype="hidden"name="id"value='<c:outvalue="${black.id}"/>'></td>
  108. <tdwidth="7%"align="center"class="general-td"><input
  109. type="checkBox"name="toBeEdited"></td>
  110. <tdwidth="7%"align="center"class="general-td"id="dataSource1"
  111. style="color:<c:iftest='${emptyblack.isExcluded}'>red;</c:if>">
  112. <c:iftest="${black.dataSource==1}">电销系统</c:if>
  113. <c:iftest="${black.dataSource==2}">承保系统</c:if>
  114. <tdwidth="6%"align="center"class="general-td"id="type1"
  115. style="color:<c:iftest='${emptyblack.isExcluded}'>red;</c:if>">
  116. <c:iftest='${black.type=="1-1"||black.type=="1-2"}'>黑名单</c:if>
  117. <c:iftest='${black.type=="2"}'>号码屏蔽</c:if>
  118. <tdwidth="9%"align="center"class="general-td"id="tyepDetail1"
  119. <c:forEachvar="blackList"items="${result.blackListRemarkList}">
  120. <c:iftest='${blackList.paramId==black.typeDetail}'>
  121. <c:outvalue="${blackList.paramValue}"/>
  122. </c:if>
  123. </c:forEach>
  124. <tdalign="center"class="general-td">
  125. <c:iftest="${black.isExcluded==1}">是</c:if>
  126. <c:iftest="${black.isExcluded==0}">否</c:if>
  127. <c:outvalue="${black.updatedDate}"/>
  128. <tdalign="right"class="general-td"colspan="9"><input
  129. name="efdag2"type="button"class="btn"value="修改"onclick="edit();"></td>
  130. <tdclass="general-td"colspan="9">
  131. <tableid="table1"align="center"width="500"border="0"
  132. cellpadding="0"cellspacing="0">
  133. <tdid="td1"align="center"valign="middle"><input
  134. type="hidden"name="pageTotal"id="pageTotal1"
  135. value='<c:outvalue="${result.totalPage}"/>'><span>共<c:out
  136. value="${result.totalPage}"/>页
  137. </span><inputtype=buttonname="prevPage1"value="上一页"id="prevPage1"
  138. onClick="gotoPrevPage1()"class="btn2"><inputid="nextPage1"
  139. type=buttonname="nextPage1"value="下一页"
  140. onclick="gotoNextPage1();"class="btn2"><inputid="jump1"
  141. type=buttonname="jump1"value="跳至"onclick="gotoJump1()"
  142. class="btn2"><span>第<inputid="pageNo1"
  143. name="pageNo"style="text-align:center"
  144. value='<c:outvalue="${result.pageNo}"/>'
  145. class="inputbg3">
  146. </span>页</td>
  147. <tdclass="SecondTitle">.:临时数据处理:.</td>
  148. <tdwidth="14%"align="center"class="general-td">电话号码:</td>
  149. <tdwidth="38%"align="left"class="general-td"><inputid="phoneNo"
  150. maxlength="15"name="phoneNo"type="text"class="inputbg">
  151. <tdcolspan="4"align="right"class="general-td"><inputid="query2"
  152. onclick="searchCallInControlDataListByPhoneNo(this);"></td>
  153. <tablename="tableA"border="0"cellspacing="1"cellpadding="1"
  154. <trwidth="100%"id="insert">
  155. class="title-td">电话号码</td>
  156. class="title-td">状态</td>
  157. class="title-td">创建时间</td>
  158. class="title-td">更新时间</td>
  159. class="title-td">操作</td>
  160. <tdclass="general-td"colspan="9">
  161. <tableid="table1"align="center"width="500"border="0"
  162. cellpadding="0"cellspacing="0">
  163. <tdstyle="display:none;"><inputtype="hidden"id="hiddenPageNo2"></td>
  164. <tdid="td1"align="center"valign="middle">
  165. 共<spanid="pageTotal2">0</span>页
  166. <inputtype=buttonname="prevPage2"value="上一页"id="prevPage2"
  167. onClick="searchCallInControlDataListByPhoneNo(this)"class="btn2"disabled="disabled"><input
  168. type=buttonname="nextPage2"value="下一页"id="nextPage2"
  169. onClick="searchCallInControlDataListByPhoneNo(this)"class="btn2"disabled="disabled"><inputid="jump2"
  170. type=buttonname="jump2"value="跳至"onclick="searchCallInControlDataListByPhoneNo(this)"
  171. class="btn2"disabled="disabled">
  172. 第
  173. <span>
  174. <inputname="pageNo2"style="text-align:center"value="0"class="inputbg3"id="pageNo2">
  175. </span>
  176. 页
  177. </form>
  178. </body>
  179. <scripttype="text/javascript">
  180. varpageNo=$("#pageNo1").val();
  181. vardataSource=$("#dataSource").val();
  182. vartype=$("#type").val();
  183. vartypeDetail=$("#typeDetail").val();
  184. varisExcluded=$("#isExcluded").val();
  185. if($("#pageTotal1").val()<="1")
  186. {
  187. $("#prevPage1").attr("disabled","disabled");
  188. $("#nextPage1").attr("disabled","disabled");
  189. $("#jump1").attr("disabled",85); line-height:18px"> }else{
  190. if(pageNo==$("#pageTotal1").val())
  191. $("#nextPage1").attr("disabled",85); line-height:18px"> }elseif(pageNo=="1"){
  192. }
  193. }
  194. functiongotoPrevPage1()
  195. pageNo=parseInt($("#pageNo1").val());
  196. if(pageNo>1)
  197. {
  198. pageNo=pageNo-1;
  199. window.location.href="<%=request.getContextPath()%>/callInControlData.goto.do?dataSource="
  200. +dataSource+"&type="+type+"&typeDetail="+typeDetail+"&isExcluded="+isExcluded+"&pageNo="+pageNo;
  201. functiongotoNextPage1()
  202. if(pageNo<$("#pageTotal1").val())
  203. pageNo=parseInt(pageNo)+1;
  204. functiongotoJump1()
  205. vartemp=pageNo;
  206. pageNo=$("#pageNo1").val();
  207. if(isNaN(pageNo)||parseInt(pageNo)>$("#pageTotal1").val()||parseInt(pageNo)<1)
  208. alert("您输入的页数不存在！");
  209. returnfalse;
  210. window.location.href="<%=request.getContextPath()%>/callInControlData.goto.do?dataSource="
  211. +dataSource+"&type="+type+"&typeDetail="+typeDetail+"&isExcluded="+isExcluded+"&pageNo="+pageNo;
  212. functionsearchCallInControlDataList()
  213. dataSource=$("#dataSource").val();
  214. type=$("#type").val();
  215. typeDetail=$("#typeDetail").val();
  216. isExcluded=$("#isExcluded").val();
  217. +dataSource+"&type="+type+"&typeDetail="+typeDetail+"&isExcluded="+isExcluded;
  218. functionedit(){
  219. vartoBeEdited=$('input[name="toBeEdited"]:checked');
  220. if(toBeEdited.length==0){
  221. alert("请至少选择一条记录!");
  222. return;
  223. varids=newArray();
  224. for(vari=0;i<toBeEdited.length;i++){
  225. var_ids=toBeEdited.parent().prev().children();
  226. ids.push(_ids[i].value);
  227. window.location.href="<%=request.getContextPath()%>/callInControlData.goto.do?flag=edit&ids="+ids;
  228. functiongotocheckAll(obj){
  229. if(obj.checked){
  230. $('input[name="toBeEdited"]').attr("checked","checked");
  231. }else{
  233. functionsearchCallInControlDataListByPhoneNo(obj){
  234. varpageNo;
  235. if(obj.id=="query2"){
  236. pageNo="1";
  237. }elseif(obj.id=="prevPage2"){
  238. pageNo=parseInt($("#hiddenPageNo2").val())-1;
  239. if(pageNo==1){
  240. $("#prevPage2").attr("disabled",226); color:inherit; line-height:18px"> }elseif(obj.id=="nextPage2"){
  241. pageNo=parseInt($("#hiddenPageNo2").val())+1;
  242. if(pageNo==parseInt($("#pageTotal2").html())){
  243. $("#nextPage2").attr("disabled",85); line-height:18px"> }elseif(obj.id=="jump2"){
  244. if(isNaN($("#pageNo2").val())||$("#pageNo2").val()<1||$("#pageNo2").val()>$("#pageTotal2").html()){
  245. alert("您输入的页数不存在！");
  246. return;
  247. else{
  248. pageNo=$("#pageNo2").val();
  249. $.ajax({
  250. url:"<%=request.getContextPath()%>/callInControlData.goto.do",
  251. data:{flag:"queryByPhone",phoneNo:$("#phoneNo").val(),pageNo:pageNo},
  252. dataType:"json",
  253. type:"post",85); line-height:18px"> success:function(data){
  254. $("#pageTotal2").html(Math.ceil(data[0].pageTotal/10));
  255. if($("#pageTotal2").html()!=0){
  256. $("#pageNo2").val(pageNo);
  257. $("#hiddenPageNo2").val(pageNo);
  258. if($("#pageTotal2").html()>1){
  259. if(pageNo!=1){
  261. if(pageNo!=$("#pageTotal2").html()){
  262. $("#nextPage2").attr("disabled","");
  263. $("#jump2").attr("disabled",226); color:inherit; line-height:18px"> vardataSource="";
  264. vartype="";
  265. vartypeDetail="";
  266. varvalidFlag="";
  267. $('tr[name="dataInserted"]').remove();
  268. for(vari=0;i<data[0].blackList.length;i++){
  269. if(data[0].blackList[i].dataSource=="1"){
  270. dataSource="电销系统";
  271. }elseif(data[0].blackList[i].dataSource=="2"){
  272. dataSource="承保系统";
  273. if(data[0].blackList[i].type=="1-1"||data[0].blackList[i].type=="1-2"){
  274. type="黑名单";
  275. }elseif(data[0].blackList[i].type=="2"){
  276. type="号码屏蔽";
  277. if(data[0].blackList[i].validFlag=="1"){
  278. validFlag="有效";
  279. }elseif(data[0].blackList[i].validFlag=="0"){
  280. validFlag="无效";
  281. for(varj=0;j<data[0].blackListRemarkList.length;j++){
  282. if(data[0].blackList[i].typeDetail==data[0].blackListRemarkList[j].paramId){
  283. typeDetail=data[0].blackListRemarkList[j].paramValue;
  284. break;
  285. $('<trwidth="100%"name="dataInserted">'+
  286. '<tdalign="center"class="general-td">'+data[0].blackList[i].phoneNo+'</td>'+
  287. '<tdalign="center"class="general-td">'+dataSource+'</td>'+
  288. '<tdalign="center"class="general-td">'+type+'</td>'+
  289. '<tdalign="center"class="general-td">'+typeDetail+'</td>'+
  290. '<tdalign="center"class="general-td">'+validFlag+'</td>'+
  291. '<tdalign="center"class="general-td">'+data[0].blackList[i].createdDate+'</td>'+
  292. '<tdalign="center"class="general-td">'+data[0].blackList[i].updatedDate+'</td>'+
  293. '<tdalign="center"class="general-td"><inputtype="button"value="解锁呼入"class="btn"></td>'+
  294. '</tr>').insertAfter($("#insert"));
  295. },85); line-height:18px"> error:function(data){
  296. alert("系统异常,请联系管理员!");
  297. });
  298. </script>

后台java：
[java]
    packagecom.tpaic.callCenter.web.controller.comeInControlData;
  1. importjava.util.ArrayList;
  2. importjava.util.HashMap;
  3. importjava.util.List;
  4. importjava.util.Map;
  5. importjavax.servlet.http.HttpServletRequest;
  6. importjavax.servlet.http.HttpServletResponse;
  7. importnet.sf.json.JSONArray;
  8. importorg.apache.java.lang.Bytes;
  9. importorg.springframework.web.servlet.ModelAndView;
  10. importcom.tpaic.callCenter.biz.util.sqlNamesUtil;
  11. importcom.tpaic.callCenter.dto.CodeTableDTO;
  12. importcom.tpaic.callCenter.dto.blackList.BlackListDTO;
  13. importcom.tpaic.callCenter.util.StringUtil;
  14. importcom.tpaic.callCenter.web.controller.common.AbstractCommonController;
  15. importcom.tpaic.callCenter.web.util.CommonUtils;
  16. importcom.tpaic.callCenter.web.util.ServiceRequestId;
  17. /**
  18. *@authorex_zhangkenan
  19. *呼入控制数据设置
  20. */
  21. publicclassCallInControlDataGotoControllerextendsAbstractCommonController{
  22. privateStringeditView;
  23. publicStringgetEditView(){
  24. returneditView;
  25. publicvoidsetEditView(StringeditView){
  26. this.editView=editView;
  27. protectedModelAndViewhandleRequestInternal(HttpServletRequestrequest,HttpServletResponseresponse)throwsException{
  28. Map<String,Object>resultMap=newHashMap<String,Object>();
  29. Stringflag=request.getParameter(@H_403_6367@"flag");
  30. if(flag==null){
  31. //查询电销系统黑名单原因列表
  32. @SuppressWarnings(@H_403_6367@"unchecked")
  33. List<Object>blackListRemarkList=(List<Object>)this.getDispatch().dispatchRequest(
  34. CommonUtils.getAggregatedSearchDTO(
  35. sqlNamesUtil.CODETABLE_SEARCH_CODETYPE,@H_403_6367@"blackListRemark"),226); color:inherit; line-height:18px"> ServiceRequestId.AGGREGATED_SEARCH_ACTION);
  36. resultMap.put(@H_403_6367@"blackListRemarkList",blackListRemarkList);
  37. //查询电销系统blacklist表
  38. StringpageNo=request.getParameter(@H_403_6367@"pageNo");
  39. StringdataSource=request.getParameter(@H_403_6367@"dataSource");
  40. Stringtype=request.getParameter(@H_403_6367@"type");
  41. StringtypeDetail=request.getParameter(@H_403_6367@"typeDetail");
  42. StringisExcluded=request.getParameter(@H_403_6367@"isExcluded");
  43. BlackListDTOblackListDTO=newBlackListDTO();
  44. if(StringUtil.isEmpty(pageNo)){
  45. blackListDTO.setPageNo(1);
  46. }else{
  47. blackListDTO.setPageNo(Integer.parseInt(pageNo));
  48. blackListDTO.setDataSource(dataSource);
  49. blackListDTO.setType(type);
  50. blackListDTO.setTypeDetail(typeDetail);
  51. blackListDTO.setIsExcluded(isExcluded);
  52. StringtotalPage=(String)this.getDispatch().dispatchRequest(CommonUtils.getAggregatedSearchDTO(
  53. sqlNamesUtil.Search_Blacklist_For_Total_Page,blackListDTO,false),
  54. ServiceRequestId.AGGREGATED_SEARCH_ACTION);
  55. List<BlackListDTO>blackList=(List<BlackListDTO>)this.getDispatch().dispatchRequest(CommonUtils.getAggregatedSearchDTO(
  56. sqlNamesUtil.Search_Blacklist_For_List,blackListDTO),85); line-height:18px"> resultMap.put(@H_403_6367@"pageNo",blackListDTO.getPageNo());
  57. resultMap.put(@H_403_6367@"totalPage",totalPage);
  58. resultMap.put(@H_403_6367@"blackList",blackList);
  59. resultMap.put(@H_403_6367@"blackListDTO",blackListDTO);
  60. returnnewModelAndView(this.getSuccessView(),@H_403_6367@"result",resultMap);
  61. }elseif(flag.equals(@H_403_6367@"edit")){
  62. Stringids=request.getParameter(@H_403_6367@"ids");
  63. @SuppressWarnings({@H_403_6367@"unchecked"})
  64. sqlNamesUtil.Search_Blacklist_For_List_By_Ids,ids),226); color:inherit; line-height:18px"> resultMap.put(@H_403_6367@"blackList",blackList);
  65. @SuppressWarnings(@H_403_6367@"unchecked")
  66. List<CodeTableDTO>blackListRemarkList=(List<CodeTableDTO>)this.getDispatch().dispatchRequest(
  67. CommonUtils.getAggregatedSearchDTO(
  68. sqlNamesUtil.CODETABLE_SEARCH_CODETYPE,226); color:inherit; line-height:18px"> resultMap.put(@H_403_6367@"blackListRemarkList",blackListRemarkList);
  69. returnnewModelAndView(this.getEditView(),226); color:inherit; line-height:18px"> }elseif(flag.equals(@H_403_6367@"save")){
  70. StringisOrNotExcluded=request.getParameter(@H_403_6367@"isOrNotExcluded");
  71. List<BlackListDTO>blackListDTO=newArrayList<BlackListDTO>();
  72. for(inti=0;i<ids.split(@H_403_6367@",").length;i++){
  73. BlackListDTOdto=newBlackListDTO();
  74. dto.setId(ids.split(@H_403_6367@",")[i]);
  75. dto.setIsExcluded(isOrNotExcluded.split(@H_403_6367@",")[i]);
  76. blackListDTO.add(dto);
  77. Stringdata=@H_403_6367@"1";
  78. Map<String,Object>map=newHashMap<String,Object>();
  79. map.put(@H_403_6367@"blackListDTO",85); line-height:18px"> try{
  80. this.getDispatch().dispatchRequest(map,ServiceRequestId.UPDATE_BLACK_LIST_FOR_ISEXCLUDED_ACTION);
  81. }catch(Exceptione){
  82. data=@H_403_6367@"0";
  83. response.getWriter().write(data);
  84. returnnull;
  85. }elseif(flag.equals(@H_403_6367@"queryByPhone")){
  86. StringphoneNo=request.getParameter(@H_403_6367@"phoneNo");
  87. dto.setPhoneNo(phoneNo);
  88. dto.setPageNo(Integer.parseInt(pageNo));
  89. sqlNamesUtil.Search_Blacklist_For_List_By_Phone,dto),226); color:inherit; line-height:18px"> StringpageTotal=(String)this.getDispatch().dispatchRequest(CommonUtils.getAggregatedSearchDTO(
  90. sqlNamesUtil.Search_Blacklist_By_Phone_For_Num,phoneNo,85); line-height:18px"> map.put(@H_403_6367@"blackList",226); color:inherit; line-height:18px"> map.put(@H_403_6367@"blackListRemarkList",85); line-height:18px"> map.put(@H_403_6367@"pageTotal",pageTotal);
  91. JSONArrayjsonArray=JSONArray.fromObject(map);
  92. response.setCharacterEncoding(@H_403_6367@"UTF-8");
  93. response.getWriter().write(jsonArray.toString());
  94. }
效果：
原文链接：https://www.f2er.com/ajax/164734.html

猜你在找的Ajax相关文章

网页的异步请求（Ajax）
JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表...
手动实现AJAX
AJAX 每日更新前端基础，如果觉得不错，点个star吧 &#128515; https://github.com/Win...
axios异步提交表单数据的不同形式
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使...
php的ajax简单实例
很早就听闻ajax的名声，但是却一直不知道怎么用，今天自己捣鼓了一下，竟然会用了，哈哈哈...
Json与Ajax(注册实例）
需要在服务器上进行哈 jquery的ajax方法： // jquery请求 $.ajax({ url: &quot;./serv...
jSon和Ajax登录功能，ajax数据交互案例
ajax实例，检测用户与注册 检测用户名是否被占用： 在用户填写完用户名之后，ajax会异步向...
关于AjaxControlToolkit的样式问题
网(LieHuo.Net)教程 技术文章一直都是转载的,从来没有自创过.终于遇到AjaxControlToolkit,...
一个简单的AJAX实现(HELLO AJAX)
客户端部分： <html> <head> <meta http-equiv="Content-Type" ...
AJAX中文乱码的两类问题及解决之策
1）发送路径中的参数有中文，在服务器段接收参数值是乱码 例如： var url=”a.jsp?na...
实例：AJAX返回xml代码如何在网页中显示
建站学院（LieHuo.Net）文档 今天来学习一篇实例代码教程：AJAX返回xml代码如何在网页中显...
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号
关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作