`
keney_oak
  • 浏览: 27443 次
社区版块
存档分类
最新评论

Jquery 常用的代码---form ,ajax ,拼接表格

阅读更多
var path = '${pageContext.request.contextPath}/order/exportSale';
$('#form').attr("action", path).submit();

----------jquery Form 提交



$.ajax({
    url:'${pageContext.request.contextPath}/order/editSku-json',    
    type:'post',
    data:{"id":id,"sku":newsku},    
    async : false, //默认为true 异步    
    error:function(){
       alert('ajax error');    
    },
    success:function(data){
    var jsondata = eval("("+data+")");
    if(!jsondata.result){
    alert(jsondata.error);
    return;
    }
    --window.location.reload();
    }
});


---------------Ajax 提交


//批量操作
function test(){
var s ="";
$('#list_table [type="checkbox"]:checked').each(function(){
s+=$(this).val()+',';
});

var idList =  s.substring(0, s.length-1);
$.post('${contextPath }/order-package/back',
{idList : idList},
function(){
window.location.href="${contextPath }/order-package";
});
}
-------------------获取 ID 进行批量操作



function format(d){

var html = '<table>'
+ '<tr><th>名称</th><th>SKU</th><th>订单数量</th>'
+ '<th>包裹数量</th><th>出货数量</th><th>单价</th><th>包装规格</th>'
+ '<th>仓库</th></tr>'

$.ajax({
type : "post",
async: false,
url : "${contextPath }/order-package/packageItem",
data : {
      id : d.id,
  },
success : function(data) {

$.each(data, function(commentIndex, comment){
html += '<tr><th>'+comment.goodsName+'</th><th>'+comment.sku+'</th>
<th>'+comment.orderAmount+'</th>'+'<th>'+comment.packageAmount+'</th>    <th>'+comment.shipmentAmount+'</th><th>'+comment.price+'</th>  <th>'+comment.specifications+'</th>'+<th>'+comment.storeName+'</th></tr>'
});

   html += '</table>';
}
    });

   return html;
}

-----------返回data数据 拼接html 展示数据



分享到:
评论

相关推荐

    jquery拼接ajax 的json和字符串拼接的方法

    整理文档,搜刮出一个jquery拼接ajax 的json和字符串拼接的代码,稍微整理精简一下做下分享。 jQuery拼接字符串ajax &lt;form id="myForm" action="#"&gt; &lt;input name="name"/&gt; &lt;input name="age"/&gt;...

    使用JQuery实现从JSON对象转换为form提交数据

    本篇文章将深入探讨如何利用jQuery从JSON对象转换为form提交数据。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于机器解析和...

    Jquery ajax请求导出Excel表格的实现代码

    以上知识点覆盖了jQuery、AJAX、前端与后端交互、数据请求和处理、页面动态操作、以及代码的场景应用等多个方面,能够为开发者提供关于使用jQuery实现AJAX请求导出Excel表格功能的全面理解和实现细节。

    jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)

    jQuery.Form.js是一个jQuery插件,专门用于处理Ajax提交表单的功能。这个插件极大地简化了在Web应用中异步更新内容的过程,使得用户无需等待页面刷新就能完成表单提交。以下是对jQuery.Form.js主要功能的详细说明: ...

    jquery刷新页面和JS常用的函数

    以上介绍了 jQuery 中关于页面刷新和 AJAX 方法的使用,以及 JavaScript 中的一些常用知识点。这些基础知识对于 Web 开发者来说非常重要,熟练掌握它们能够帮助开发者更高效地进行前端开发工作。

    JQuery 动态生成Table表格实例代码

    总结以上知识点,JQuery动态生成Table表格实例代码展示了如何利用JQuery的DOM操作方法和事件绑定功能来快速构建表格,并通过字符串拼接来填充表格内容。通过这个实例,我们可以了解到JQuery在简化JavaScript编程,...

    jQuery Ajax 实例代码 ($.ajax、$.post、$.get)

    此外,在使用 $.ajax 进行文件上传时,由于 AJAX 原生方法不支持文件的上传,这时可以借助 jquery.form.js 插件中的 $.ajaxSubmit 方法来处理。 总的来说,jQuery 的 Ajax 方法提供了一种简洁而强大的方式来进行...

    Jquery访问后台方法

    #### 知识点一:JQuery AJAX无刷新技术 - **概念**:AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使...

    sendForm.js-Serialize.js

    sendForm.js-Serialize.js库可能提供了这样一个功能,它可以遍历表单元素,收集每个元素的值,然后按照一定格式(比如URL编码)拼接成字符串。 4. 库的功能: sendForm.js-Serialize.js-master可能包含以下特性: ...

    jquery ajax 如何向jsp提交表单数据

    在网页开发中,jQuery AJAX 提供了一种高效且便捷的方式,用于向服务器端发送异步请求,例如向 JSP 页面提交表单数据,而无需刷新整个页面。这极大地提升了用户体验,因为用户可以在等待数据处理的同时继续操作其他...

    使用jquery 的ajax 与 Java servlet的交互代码实例

    本篇文章将以一个具体的代码实例,详细讲解如何使用jQuery的AJAX与Java Servlet进行交互。 首先,确保引入了jQuery库。在HTML文件中,通常在`&lt;head&gt;`标签内添加如下代码来引入jQuery库: ```html &lt;script src="js/...

    浅析jQuery Ajax请求参数和返回数据的处理

    同时,熟练掌握jQuery Ajax的四种常用请求方式,可以让我们在不同的业务场景下更加灵活地运用异步请求技术。随着前端技术的发展,现代前端框架或库如React、Vue等都提供了更加高效和优雅的方式来处理Ajax请求和数据...

    jquery.ajax的url中传递中文乱码问题的解决方法

    修改jquery源代码可以确保所有的ajax请求都使用UTF-8编码,避免每次调用都重复写入。 通过修改jquery源代码,可以确保整个项目的ajax请求都不会出现中文乱码问题。具体做法是找到使用的jquery文件(比如jquery-...

    ajax POST 与GET提交的区别

    ### AJAX POST 与 GET 提交的区别详解 #### 一、GET与POST基本概念及应用场景 在探讨AJAX中GET和POST的区别之前,我们先来了解一下这两种请求方式的基本概念。 **GET**请求通常用于获取资源信息,它将参数拼接到...

    jQuery Validate插件ajax方式验证输入值的实例

    使用jQuery Validate插件可以...使用remote校验规则,最简单粗暴的写法是remote: url,此时请求的url后面自动拼接当前验证的值,例如下面的写法,请求的url为:xxx/checkUsername.do?username=test // 导入jquery、

    jquery ajax提交表单数据的两种方式

    jQuery AJAX 提交表单数据是前端开发中常见的交互方式,它可以实现无刷新页面的数据更新,提升用户体验。在jQuery中,有以下两种主要方法来实现AJAX提交表单: 1. **URL参数提交数据**: 这种方式适用于表单元素较...

    jQuery Ajax 实例详解 ($.ajax、$.post、$.get)

    jQuery AJAX 是一个强大的异步数据通信工具,它封装了原生的 JavaScript AJAX 功能,使得在 JavaScript 中进行数据交互变得更加简单。在 jQuery 中,我们有几种不同的方法来实现 AJAX 请求,包括 $.ajax(), $.post()...

    jQuery Ajax使用实例

    jQuery AJAX 是一个强大的异步数据通信工具,它封装了JavaScript原生的XMLHttpRequest对象,使得在JavaScript中进行AJAX操作变得更加简单,同时也有效地解决了不同浏览器之间的兼容性问题。本文将详细解析jQuery ...

    jquery实现ajax提交表单信息的简单方法(推荐)

    在上述文章中,开发者通过使用jQuery扩展了其功能,创建了一个名为`ajaxForm`的插件方法,目的是为了方便地通过AJAX技术来异步提交表单数据。 2. AJAX技术在Web开发中的应用: AJAX(Asynchronous JavaScript and ...

Global site tag (gtag.js) - Google Analytics