一、jquery 动态调用
function showIndx(surveyformId){
$.getJSON("${base}/surveymanager/surveyformind!getIndlistbyid.htm",
{ranNum:Math.random(),surveyformId:surveyformId},
function(data){
var result = eval(data);
if(result[0].error=="0"){
setTableStr2(result);
}else if(result[0].error=="1"){
alert("发生异常,查询失败");
}else if(result[0].error=="-1"){
alert("登录超时,请重新登录");
}
});
}
function genTableHeader2(){
var str = "<TR class='a1'><TH>指标名称</TH></TR>";
return str;
}
function setTableStr2(result){
var tableStr = genTableHeader2();
for (var k=0; k<result[0].surveyformindList.length; k++){
tableStr += "<TR align='center'>";
tableStr += "<TD width='3%'>" + (result[0].surveyformindList[k].indTitle=="null"?"":result[0].surveyformindList[k].indTitle) + "</TD>";
tableStr += "</TR>";
}
$("#tbodyGrid2").html(tableStr);
}
后台
response.setContentType("application/json");
response.setCharacterEncoding("UTF-8");
try{
String surveyformId = request.getParameter("surveyformId");
surveyformind.setSurveyformId(surveyformId);
List<SurveyformInd> surveyformindList =(List<SurveyformInd>)mspSurveyFormIndService.getIndlistbyid(surveyformind);
Map map=new HashMap();
map.put("surveyformindList", surveyformindList);
map.put("error", "0");
JSONArray jsonArray = JSONArray.fromObject( map );
System.out.println(jsonArray);
response.setContentType("text/html;charset=UTF-8");
PrintWriter out;
try {
out = response.getWriter();
out.println(jsonArray) ;
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}catch(BaseException e){
e.printStackTrace();
}
return null;
2、显示方式
$.getJSON("${base}/surveymanager/surveyformind!getParentInd.htm",
{ranNum:Math.random(),indLevel:indLevel},
function(data){
var result = eval(data);
if(result[0].error=="0"){
var str="<option value=''>请选择</option>";
for (var k=0; k<result[0].parentind.length; k++){
str+="<option value='"+result[0].parentind[k].indTitle+"'>"+result[0].parentind[k].indTitle+"</option>";
}
// $("#parentIndId2").html(str);
}});[i][/i]
分享到:
相关推荐
jQuery作为一款广泛使用的JavaScript库,提供了方便的API来处理这种限制,实现跨域调用。 一、什么是jQuery跨域调用? jQuery跨域调用主要是通过JSONP(JSON with Padding)和CORS(Cross-Origin Resource Sharing...
本文将深入探讨如何利用`jQuery`调用打印机打印功能,以及相关知识点。 首先,我们需要理解浏览器的打印机制。在Web环境下,打印通常是通过调用浏览器的`window.print()`方法来实现的。这个方法会弹出一个打印预览...
而“jQuery 调用浏览器打印功能”是利用 jQuery 实现的一种方法,允许用户通过点击按钮或执行特定操作来触发浏览器的打印功能,从而打印网页内容。在描述中提到了 jqPrint 插件,这是一个专门用于打印 jQuery 对象...
【标题】:Jersey实现RESTful,CXF调用及jQuery AJAX调用 【内容】: 在现代Web开发中,RESTful API已经成为一种主流的接口设计模式,它以简洁、可扩展的方式提供服务。本篇将详细介绍如何使用Jersey框架实现...
本资源"jQuery动态添加删除编辑标签代码.zip"提供了一种实现动态管理标签页的方法,尤其适用于需要用户交互性高的Web应用。下面将详细阐述这个代码实现的功能及其背后的编程原理。 首先,"jQuery动态添加删除编辑...
首先,了解jQuery的核心功能对理解jQuery调用WebService至关重要。jQuery提供了`$.ajax()`函数,它是进行异步数据请求的基础。在这个示例中,`$.ajax()`被用来发起一个HTTP POST或GET请求到WebService的URL,以获取...
jQuery Webcam这个插件为直接在JavaScript中与摄像头通信提供了一个透明的访问层。它通一个SW文件与摄像头交互,可以显示Webcam输出和捕捉图象。如果有多个摄像头,它可以显示可用的摄像头列表,然后供用户选择其中...
本文将详细讲解如何利用jQuery插件来实现打印功能,具体以"JQ插件调用打印机实现打印功能"为主题,涉及的核心文件有`jquery-1.11.3.min.js`、`jquery.jqprint-0.3.js`和`jquery-migrate-1.2.1.min.js`。 首先,`...
4. **构建树结构**:使用解析出的JSON数据,通过调用treeview插件的API方法,如`$("#yourList").treeview(options)`,来动态生成树结构。你可以根据需要设置展开/折叠状态,添加图标等。 5. **交互处理**:可以添加...
在本例中,我们关注的是如何使用 jQuery 异步调用页面后台(通常指的是 ASP.NET 后台代码)的方法,并获取 JSON 格式的数据进行显示。下面将详细介绍这一过程。 首先,jQuery 的异步调用是通过其提供的 `$.ajax()` ...
本教程将通过一个简单的示例来讲解如何使用jQuery调用.NET环境下的ASMX Web服务。 一、jQuery与Web服务基础 1. jQuery:jQuery简化了JavaScript的API,提供了一致的跨浏览器接口,使得开发者可以更方便地处理DOM...
在描述中提到的“动态弹窗”功能,jQuery同样有着出色的表现。jQuery UI库提供了丰富的对话框插件,如Dialog,可以轻松创建具有各种选项的弹窗,如错误提示、确认对话框和帮助窗口。这些弹窗不仅可以自定义大小、...
标题"通过前端Jquery调用Web Socket连接,并返回数据Demo"主要涉及以下知识点: 1. **JQuery**:JQuery是一个广泛使用的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互。在本示例中,JQuery可能被...
例如,在有参数调用的例子中,`result.d` 被分割成单词数组,然后动态创建 HTML 元素并添加到页面上。 总结起来,这个示例展示了如何使用 jQuery 的 AJAX 功能与 WebService 进行通信,无论是无参数还是带参数的...
jQuery 调用后台方法 jQuery 是一个功能强大且灵活的 JavaScript 库,它提供了许多有用的功能来简化 Web 开发过程。其中,使用 jQuery 调用后台方法是非常常见的场景,本文将详细介绍如何使用 jQuery 调用后台方法...
在使用jQuery AJAX调用带有参数的Web Service并期望返回XML数据时,需要注意一些关键细节以确保数据能够正确传输和解析。以下是对这个问题的详细解释: 首先,jQuery的AJAX方法用于在不刷新整个页面的情况下与...
**jQuery调用WCF服务详解** 在Web开发中,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互。WCF(Windows Communication Foundation)是微软提供的一种面向服务的架构,用于构建...
2. 链式操作:jQuery对象返回的都是jQuery对象,因此可以连续调用多个方法,如`$("#element").css("color", "red").fadeIn(500);` 3. 动画效果:jQuery的`.animate()`方法可以创建平滑的动画效果,改变元素的样式...
"前台JS (Jquery) 调用后台方法"这一主题涉及到如何使用JQuery库来实现这种交互,特别是针对无刷新级联菜单的应用场景。下面将详细阐述这一过程。 首先,JQuery是一个轻量级、功能丰富的JavaScript库,它简化了DOM...