JS点击触发事件 AJAX传值

 1 <script>
 2         $(function () {
 3             $("#pageData").delegate(".purchaseModal","click", function(event){
 4                 var $this = $(this);
 5                 var sku = $this.parents("tr").find("td:eq(0)").text();
 6                 $(".modal-body-title").html(sku+"采购信息");
 7                 $(".sku-value").val(sku);
 8                 event.preventDefault();
 9             });
10
11             $(".skustatus-btn").click(function(){
12                 var skuval = $(".sku-value").val();
13                 var new_statusval = $("#status option:selected").val();
14                 var old_statusval = $(".old-status-value").val();
15                 $.ajax({
16                     type:‘POST‘,
17                     url:‘__URL__/changeStatus‘,
18                     data:{‘sku‘ : skuval,‘new_status‘ : new_statusval,‘old_status‘ : old_statusval},
19                     dataType:‘text‘,
20                     success:function(data){
21                         alert(data);
22                         location.reload();
23                     }
24
25                 })
26             });
27         });
28     </script>
时间: 2024-07-30 16:05:45

JS点击触发事件 AJAX传值的相关文章

JS 点击元素发ajax请求 打开一个新窗口

JS 点击元素发ajax请求 打开一个新窗口 经常在项目中会碰到这样的需求,点击某个元素后,需要发ajax请求,请求成功以后,开发需要把链接传给前端(或者说请求成功后打开新窗口),前端需要通过新窗口打开这个链接,其实这样的原理大家可能觉得非常简单,想起来非常简单,用JS中的window.open就可以实现打开新的窗口,或者点击div元素,发ajax请求成功后,动态把链接传给a标签,然后再触发a标签事件,也可以实现,对吧?曾几何时,我也曾经把这样的问题发到JS群里面去,很多JS社区朋友说 龙恩 这

深入A标签点击触发事件而不跳转的详解

本文介绍下,当点击A标签时,触发事件但不跳转的实现方法,有需要的朋友参考下吧. 点击页面上的空链接,点击后页面自动刷新,并会定位到页面顶端. 不过,有时需要点击#页面但不作跳转,可以这样写: <a href="#2">脚本学堂---网站编程</a> 在#后加上点别的东西即可,这样就不会链到别的页面,也不会刷新定位到顶端了. 附,A标签点击触发事件但不跳转的实现方法. 在a标签中有点击事件:1. a href="javascript:js_method(

Android Studio中设置一个按钮的不同点击触发事件

my_day_model = (RelativeLayout) v.findViewById(R.id.my_day_model);my_day_pic = (ImageView) v.findViewById(R.id.my_day_pic);my_day_text = (TextView) v.findViewById(R.id.my_day_text);my_day_model.setOnClickListener(new View.OnClickListener() { @Overrid

JS中手动触发事件的方法

早就和凌乱说好要发的一篇文章 由于最近工作实在太忙给耽搁了 以下就是抽了个半夜草草写的一点文字,请大家见谅. 主要讲解下方法,实例就不多写了 为大家起一个抛砖引玉的作用 如果大家将一张网页看成一个form的话,大致上就成了一个web form的模型.在win form 下要想手动触发某一个对象的事件是很简单的,只要发送一条消息即可达成.(PostMessage) 但是网页并不是基于消息机制的,如果我们想在一张网页上写出一个类似于按键精灵的功能该如何实现呢?为大家介绍js下的几个方法:1. cre

html JS 的各种触发事件

适用浏览器FF:Firefox  N:Netscape  IE:Internet Explorer 鼠标事件: onclick        鼠标点击一次 ondclick      鼠标点击两次 onmousedown    鼠标按下 onmousemove   鼠标移动 onmouseout      鼠标移开 onmouseover    鼠标移至某元素上 onmouseup      鼠标松开 键盘事件: onkeydown  某个键盘的键按下 onkeypress  某键按下或按住 o

js设置回车键触发事件

设置按回车键时触发查询事件: document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { search(); } } 参考自: http://www.cnblogs.com/wenbo/archive/2011/08/20/2147014.html

ztree 为节点添加点击触发事件

<SCRIPT type="text/javascript"> var setting = { data : { key : { title : "code"} }, callback: { onClick: zTreeOnClick } }; function aaa(){ $.fn.zTree.init($("#treeDemo"), setting, zNodes); }; aaa(); </SCRIPT> 原文地址

asp.net页面触发事件panel滚动条高度不变

此文是为解决asp.net页面按钮点击触发事件后panel滚动条非自动回到顶端的解决方案,对于页面触发一个事件后,panel滚动条重新回到顶端,做下面的工作每次都要往下拉一下,特别是选择TreeView的时候,这个问题非常头疼,受到this.MaintainScrollPositionOnPostBack = true;的启示有感而发. 原理是在点击时保存panel滚动条的位置,页面触发事件完成后加载时重新赋值.保证页面每次点击都保存,就包含所有的按钮和别的点击事件. 步骤: 1.脚本 <hea

html5与js关于input[type=&#39;text&#39;]文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value点击全选状态onclick=&quot;select();&quot;。做购物车页面时会要用到。

关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="select();".做购物车页面时会要用到. input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange: 1.onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次