ajax异步刷新
前台js
- <script type="text/javascript">
- function getLands() {
- $.ajax({
- url:"httpserver.do?doPost&userQygs="+$("#userQygs").val(),
- type:"POST",
- dataType:"text",
- success:function(data){
- if(data==null||data==""){
- alert("目前没有地块可供选择,请先绘制地块!");
- location.href ="gpadd.do?toArcgis&state=1";
- }else{
- var lands=data.split(",");
- //获得前台的div
- var insertDiv = document.getElementById("land");
- //定义向前台插入的内容为空
- insertDiv.innerHTML = "";
- var chkinfo;
- var chkDIV;
- //var txtinfo;
- //解析从服务器获得的数据,循环添加复选框
- for (var i = 0; i < lands.length-1; i++) {
- //为每一个复选框创建一个DIV
- chkDIV = document.createElement("div");
- //每一个复选框用input创建,类型为checkBox
- chkinfo = document.createElement("input");
- chkinfo.name = "landDkbh";
- chkinfo.id = "landDkbh";
- chkinfo.type = "checkbox";
- // chkinfo.onclick = test;
- //将每一个chinesename为复选框赋值
- chkinfo.value = lands[i];
- //将复选框添加到Div中
- chkDIV.appendChild(chkinfo);
- //为Div设置样式
- chkDIV.style.height = "50px";
- chkDIV.style.width = "150px";
- chkDIV.style.float = "left";
- chkDIV.align = "left";
- chkDIV.appendChild(document.createTextNode(lands[i]));
- //将创建的div添加到前台预留的DIV下
- insertDiv.appendChild(chkDIV);
- }
- }
- }
- });
- }
后台
- package org.lq.ssm.gp.controller;
- import java.io.IOException;
- import java.io.PrintWriter;
- import javax.annotation.Resource;
- import javax.servlet.ServletException;
- import javax.servlet.http.HttpServlet;
- import javax.servlet.http.HttpServletRequest;
- import javax.servlet.http.HttpServletResponse;
- import org.lq.ssm.gp.service.LandUserBiz;
- import org.springframework.stereotype.Controller;
- import org.springframework.web.bind.annotation.RequestMapping;
- @SuppressWarnings("serial")
- @Controller
- @RequestMapping("httpserver.do")
- public class httpserverController extends HttpServlet{
- @Resource(name="landUserAction")
- private LandUserBiz landUserBiz;
- public void doGet(HttpServletRequest request, HttpServletResponse response)
- throws ServletException, IOException {
- response.setContentType("text/html;charset=gbk");
- response.setHeader("Cache-Control", "no-cache");
- response.setCharacterEncoding("gbk");
- PrintWriter out=response.getWriter();
- request.setCharacterEncoding("gbk");
- //获取搜索框输入的内容
- String userqygs=request.getParameter("userQygs");
- userqygs=new String(userqygs.getBytes("iso-8859-1"), "gbk");
- System.out.println("区域:"+userqygs);
- String res=landUserBiz.getLands(userqygs);
- System.out.println("字符串:"+res);
- //response.getWriter().write(res);
- out.write(res);
- }
- @RequestMapping(params="doPost")
- public void doPost(HttpServletRequest request, HttpServletResponse response)
- throws ServletException, IOException {
- doGet(request, response);
- }
- public LandUserBiz getLandUserBiz() {
- return landUserBiz;
- }
- public void setLandUserBiz(LandUserBiz landUserBiz) {
- this.landUserBiz = landUserBiz;
- }
- }
ajax异步刷新的更多相关文章
- Ajax异步刷新地址栏url改变(利用Html5 history.pushState实现)
早些时候在博客园参阅了不少资料,然后决定入驻博客园分享自己的开发心得,最近准备转方向筹备着辞职交接工作,所以有点忙碌,搁置了一个月才匆匆写下这么一篇随笔,希望能给大家带来一点帮助吧,资料和学识有限,如 ...
- Ajax异步刷新省市级联
省市级联在web前端用户注册使用非常广泛.Ajax异步刷新省市级联.如图:选择不同的区,自动加载相应的街. <TD class=field>位 置:</TD> <TD&g ...
- MVC使用ajax异步刷新时怎样输出从后台中传过来的JSON数据
前言 这几天在学习MVC使用AJAX异步刷,因为是新手.所以在js中传参数到后台以及后台返回数据到前台怎么接受,怎么前台遍历出JSON数据都开始不知道,相信新手在使用时跟我一样会遇到,这里我就和大家分 ...
- asp.net mvc ajax 异步刷新例子
这几天在asp.net中使用ajax来做异步刷新,这里整理一下 1.首先看前台页面点击的时候调用函数 function shuxin() { $.ajax( { url: "GetValue ...
- Ajax异步刷新分页功能-MySQL
1.Servlet中代码 /** 条件Map */ Map<String, Object> map=new HashMap<String, Object>(); /** 分页配 ...
- Ajax异步刷新局部页面的小李子
看到下面那幅图没有,我们要的是当点击确定以后,根据条形码搜索出商品信息,并且异步刷新右边页面:
- 使用jquery Ajax异步刷新 下拉框
一个下拉框 <label>产品类型:</label> <select id="protype" name="protype" on ...
- Ajax异步刷新地址栏
公司项目后台使用现成的UI框架,DevExpress,jqGrid,XXXUI之类的,这些展示数据列表的控件/插件,基本是异步的. 这倒也好,有变化也只是数据那一块变化,不会重新加载整个页面. 但是, ...
- asp.net jquery+ajax异步刷新1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- ajax 异步刷新
第一种方法,ajax实现:当然,ajax使用起来确实很简单就可以实现,但是里面的很多知识还是比较有点深的.我之前做页面时间自动刷新的功能就是用的ajax.完整代码是:1.getTime.php: 复制 ...
随机推荐
- GitHub上搭建私人hexo博客操作教程
GitHub上搭建hexo博客 安装GitGit:主要用于上传博客页面到github和命令操作安装NodeNode.js:Hexo的运行环境安装HexoHexo:博客程序打开安装Git后的生成的右键菜 ...
- js兼容性——获取当前浏览器窗口的宽高
通过onresize事件 window.onresize = function () { document.title = client().width + " "+ client ...
- C#-WebService基础01
来自为知笔记(Wiz)
- 《Objective-C高级编程:iOS与OS X多线程和内存管理》读后感
拿到这本书的第一感觉是非常薄,可是内容就如同序里面所说,这不是一本面向刚開始学习的人的书,比較有深度,对C/C++全然不熟悉的话非常多东西会看不明确. 尽管此书在技术点上仅仅谈到了ARC.Blocks ...
- 【转载】How to Reset USB Device in Linux
USB devices are anywhere nowadays, even many embedded devices replace the traditional serial devices ...
- 前端project师养成记:开发环境搭建(Sublime Text必备插件推荐)
为了让自己更像一个前端project师,决定从开发环境開始武装自己. 本文将介绍前段project师开发的一些利器的安装步骤,主要包含了: 1.Node.js的安装 2.Grunt的安装及经常使用插件 ...
- Cocos2d-x-lua学习点滴
Lua下的方法.自己项目经验,个人见解,不能确保正确. Sprite: local Light = CCSprite:create("light.png") ...
- 91.Bower : ENOGIT git is not installed or not in the PATH 解决方法
转自:https://www.haorooms.com/post/bower_error 今天在用bower安装依赖的时候,出现了Bower : ENOGIT git is not installed ...
- [jzoj 5926] [NOIP2018模拟10.25] naive 的图 解题报告(kruskal重构树+二维数点)
题目链接: https://jzoj.net/senior/#main/show/5926 题目: 题解: 显然最小的最大路径在最小生成树上(最小生成树=最小瓶颈生成树) 于是我们建出kruskal重 ...
- [JZOJ 5875] [NOIP2018提高组模拟9.20] 听我说,海蜗牛 解题报告(BFS+二分)
题目链接: http://172.16.0.132/senior/#main/show/5875 题目: 题解: 注意这题只能经过开放的港口 我们考虑用vector存下每个点不能到的点,并把并让vec ...