`
wanggeying
  • 浏览: 66518 次
  • 性别: Icon_minigender_2
  • 来自: 济南
社区版块
存档分类
最新评论

jquery ajax简单示例

阅读更多
一、 ajax返回json格式
1、客户端js 
function Co_Plqz(formObj,sSingleCmd, sCtrlId,nPos) {
   slid=slidstr[v]; //slid值
   $.ajax({ //使用ajax异步调用后台传递参与并获取返回值
         type:"post",
         data: {slid:slid},//传递slid值
         url:"plqzAction_getInfoBySlid.do",
         dataType:"json",//返回json格式
         async :false,
         success:function(data){ 
             for(var i=0;i<data.length;i++){
                 var tempslid=data[i].slid;
                 slid=tempslid.trim();//"M20140001308"
                 formid=data[i].formid;
             }
         }
   })
 2、控制类action
package com.kanq.jsgt.action;
 
import java.io.PrintWriter;
import java.util.List;
import net.sf.json.JSONArray;
import com.kanq.jsgt.dao.PlqzDao;
 
public class PlqzAction extends BaseAction{
 
PlqzDao plqzDao = new PlqzDao();
 /* 根据受理编号,获取信息
 * @param slid
 * @return
 */
public String getInfoBySlid(){
User sys = (User) this.servletRequest.getSession().getAttribute(
"mhUser"); 
String getslid=this.servletRequest.getParameter("slid");
try{
PrintWriter out = this.servletResponse.getWriter();
List list =plqzDao.getInfoBySlid(getslid);
System.out.println("批量签章 list size="+list.size());
JSONArray obj = JSONArray.fromObject(list);
out.print(obj);
}catch (Exception e){
e.printStackTrace();
}
return null;
}
}  
//注:PrinWriter要加格式输出设置:
this.servletResponse.setContentType("text/html;charset=UTF-8"); 
3、实现类 

二、 ajax返回text格式 
1、客户端js 
var j = ScanStr(a, f, 0, 2, 0, 1);//获取选中的地块编号
           //根据选中的地块编号,返回地块中每个点的xy坐标,重新组合J的数据 add by wgy 20150109
  $.ajax({ 
       type:"post",
       data:{j:j},
       url:"../importAction_getData.do",
       dataType:"text",//看后台返回的是json还是文本格式
       async :false,
       success:function(data){ 
           j=data;
var k = j.split(',');
if (k.length > 3) {
var l = k.length / 3;
j = '';
for (var i = 0; i < l; i++) {
j += "<dr";
j += " x=\"" + k[i * 3] + "\"";
j += " y=\"" + k[i * 3 + 1] + "\"";
j += " d=\"" + k[i * 3 + 2] + "\"";
j += "/>"
}
}
h.drawMap(j)
k = null;
j = null;
j = null;
h = null
       }
   })
2、控制类
/**
* 根据地块id获取反馈的地块点x,y坐标
* @param dkid
* @return
*/
public void getData(){//ajax异步调用。 public void getData(String j) 这个写法是不正确的,出现的问题1、不走这个action 2、提示java.lang.NoSuchMethodException: com.kanq.jsgt.action.OperAction.getData() 
String getdkid=this.servletRequest.getParameter("j");
System.out.println("动态获取的值J="+getdkid);
 HttpServletResponse  response=ServletActionContext.getResponse();
 response.setContentType("text/html;charset=UTF-8");
try {
PrintWriter out= response.getWriter();
String str=this.operDao.getStr(getdkid);
System.out.println("输出字符串str="+str);
out.println(str);
} catch (IOException e) {
e.printStackTrace();
}
}
3、实现类 
/**
* 根据地块id获取反馈的地块点x,y坐标
* @param dkid
* @return
*/
public String getStr(String dkid){
String strs="";
String dkdsql="select xzb,yzb,czf from ya_kcdjcgb_b where kcdjcgbid in("+dkid+")";//
try {
this.pre = this.conn.prepareStatement(dkdsql);
System.out.println("根据地块,获取地块点的SQL="+dkdsql);
this.rs=this.pre.executeQuery();
int n=0;//判断循环个数
int dkcount=0;//判断地块个数
int j=0;
int g=0;
while(rs.next()){
n++;
if(g>0){
j++;
}
System.out.println(n);
System.out.println(g);
System.out.println(j);
if(rs.getString("czf")== null){
if(dkcount>=1 && j>=1){//有地块结束并且还有新的地块点开始
str="G,"+rs.getString("xzb")+","+rs.getString("yzb")+",";//用G隔开不同地块
j=0;//对新地块的开始统计为0
g=-1;
}else{
str=rs.getString("xzb")+","+rs.getString("yzb")+",";
}
}else{
str=rs.getString("xzb")+","+rs.getString("yzb")+","+rs.getString("czf");//地块结束
dkcount++;
j=0;
g=1;
}
System.out.println("str="+str); 
if(n>1){
strs+=","+str; //实现字符串的追加
}else{
strs=str;
}
System.out.println("strs="+strs);
}
} catch (SQLException e) {
e.printStackTrace();
}
return strs;
分享到:
评论

相关推荐

    简单的JqueryAjax的示例

    下面是一个简单的jQuery AJAX请求示例,从服务器获取JSON数据并显示在页面上: ```html &lt;!DOCTYPE html&gt; &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; &lt;button id="loadData"&gt;Load ...

    html静态页JQuery ajax示例demo 源码

    在这个"html静态页JQuery ajax示例demo 源码"中,我们可以深入学习和理解AJAX在C# ASP.NET环境下的应用。 首先,AJAX(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,能够更新部分网页的...

    jquery ajax 最简单示例,可以直接运行

    **jQuery AJAX最简单示例** 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。jQuery库为开发者提供了方便、简洁的API,使得使用AJAX变得...

    jQuery Ajax前后端使用JSON进行交互示例

    本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。

    Jquery Ajax分页(有实例)

    **jQuery AJAX分页技术详解** 在Web开发中,分页是一种常见的数据展示方式,它能够有效地组织大量数据,提高页面加载速度,优化用户体验。jQuery,一个轻量级、功能丰富的JavaScript库,结合AJAX(异步JavaScript和...

    Jquery跨域Ajax请求测试

    以下是一个简单的jQuery跨域Ajax请求的示例: ```javascript $.ajax({ type: "GET", url: "http://example.com/remote-service", // 远程服务地址 dataType: "jsonp", jsonpCallback: "handleResponse", // 回...

    jquery ajax异步上传示例

    jquery ajax 异步 上传 示例

    Ajax+JQuery应用Demo

    工作之余写的一些Ajax应用,有6个Demo,数据库为mysql,使用之前看readme.txt。javascript与jquery混用。无刷新购物车、输入提示、表格局部刷新、xml实时数据更新、划词解释。

    jQuery+ajax实现动态添加表格tr td功能示例

    ### jQuery+ajax实现动态添加表格tr td功能 ...本文展示的示例是一个动态添加表格tr td功能的基础实现,通过实践这个例子,读者可以加深对jQuery和ajax技术的理解,并学会将这些技术应用到实际的Web开发中。

    jquery ajax 向后台传递数组参数示例

    本文将深入讲解如何在jQuery AJAX中向后台传递数组参数,并提供示例代码。 首先,理解问题的关键在于JavaScript数组在传递给后台时,如果数组内包含的是对象,会被转化为`[object Object]`的字符串形式。这是因为...

    Jquery ajax方式读取txt文件、Jquery分页.

    在给定的标题和描述中,主要涉及两个关键知识点:使用jQuery的AJAX方法读取TXT文件和实现jQuery分页功能。接下来,我们将深入探讨这两个主题。 首先,我们来讨论如何使用jQuery的AJAX方法读取TXT文件。AJAX(异步...

    jquery ajax源代码

    jQuery 封装了复杂的 XMLHttpRequest 对象,使得 AJAX 请求变得更加简单易用。 - **发送请求**: - 创建 XMLHttpRequest 对象。 - 设置请求类型(GET 或 POST)和 URL。 - 发送请求。 - **接收响应**: - 监听...

    jQuery Ajax过滤器

    以下是一个简单的示例: ```javascript $(document).ajaxSend(function(event, xhr, settings) { if (settings.contentType === 'application/x-www-form-urlencoded') { settings.data = encodeURIComponent...

    Jquery ajax json 总结

    例如,`$.get()` 方法是 AJAX 的一个简单实现,用于发送 GET 请求。在提供的代码片段中,`$.get()` 接受四个参数:URL、请求参数、回调函数和预期的数据类型。回调函数会在服务器响应后执行,`data` 参数则是服务器...

    Jquery Ajax简易计算器

    "jQuery AJAX简易计算器"是一个实用示例,展示了如何利用jQuery和AJAX实现一个简单的动态计算功能。通过这个项目,开发者可以学习到如何在客户端和服务器之间有效地交换数据,以及如何更新页面内容而无需刷新整个...

    jquery ajax 与后台验证

    4. **jQuery AJAX 示例**: ```javascript $('#inputField').on('keyup', function() { var inputVal = $(this).val(); $.ajax({ url: 'validate.php', // 后台验证接口 type: 'POST', data: { value: input...

    java程序使用jquery AJAX

    以下是一个使用jQuery AJAX的示例: ```javascript $.ajax({ url: "http://yourserver.com/yourjavaendpoint", // 这是你的Java服务端接口地址 type: "POST", // 请求类型,可以是GET或POST data: JSON....

    使用jQuery ajax提交表单代码

    在“使用jQuery ajax提交表单代码”的资源中,我们可以期待看到一个清晰的示例,展示如何将表单数据发送到服务器,并处理响应。 1. **jQuery的$.ajax()函数** - **基本语法**:`$.ajax({ options });` - **选项...

    Jquery Ajax 前后台数据传输

    jQuery库为开发者提供了简单易用的AJAX接口,使得前端与后台的数据交互变得更加便捷。本文将详细介绍使用jQuery AJAX实现三种不同方式的前后台数据传输,以及如何处理界面内容的传值和返回值。 1. **基本的AJAX调用...

    jQuery-ajax示例含客户端和服务端源码(可运行

    综上所述,这个示例提供了一个完整的jQuery AJAX交互流程,包括客户端发起请求和服务器响应的源码,是学习和理解AJAX实际应用的好资源。通过深入研究这些代码,你可以掌握AJAX的基本用法,以及如何在实际项目中应用...

Global site tag (gtag.js) - Google Analytics