关于ajax提交页面的参数问题

<script>

$("#button2").click(function(){

var submit="";

$(".check:checked").each(function(){  //重点是这句话:直接用被选中的多选按钮遍历,我原来用了好多类似的方法,就是卡壳在这里。

submit+=$(this).val();

});

$.post("checkbox.php",{data:submit,data1:$("#slider").val},function(result){

alert(result);

})

})

<input type="checkbox" name="check[1]" id="1" class="check" value="1haodeng" />
<label for="1">1号灯</label>
<input type="checkbox" name="check[3]" id="3" class="check" value="3haodeng"/>
<label for="3">3号灯</label>
<input type="checkbox" name="check[5]" id="5" class="check" value="5haodeng"/>
<label for="5">5号灯</label>

</script>

$.post("url",{参数},回调函数{})

参数问题要自己用JS提取,没有自动发送的数据,所以要自给自足,我是利用class标签取出class=check的值,然后遍历函数取出所有值,然后在提取被选中的value值  ,后端 根据传过去的value值 ,改变数据库!

时间: 2024-10-05 05:50:23

关于ajax提交页面的参数问题的相关文章

c# mvc ajax 提交与 接收参数

1.ajax 请求 $.post()是jquery一个简单的 POST 请求功能以取代复杂 $.ajax .参数: url,[data],[callback],[type]url:发送请求地址.data:待发送 Key/value 参数.callback:发送成功时回调函数.type:返回内容格式,xml, html, script, json, text, _default. $.post("/Admin/User/UserAdd", data.field, function (da

基于SpringMVC与jquery的ajax提交表单的若干情况详解

在日常的业务中,我们往往使用的是ajax提交页面数据,而不用form的action来提交整个表单.现在我来分享一下我在日常工作中遇到的一些问题. 一.$.post.$.get.$.ajax三者的区别: 顾名思义,$.post和$.get分别是采用post方式和get方式向服务器发送请求.两者的不同是,get请求的参数是在url直接以url?name1=value1&name2=value2的形式拼接而成,而post请求的参数会以请求正文的形式传送到服务器,这个学习过javaweb知识的应该都知道

Jquery Mobile Ajax 提交 中文乱码问题

几百个字段都是中文名,Ajax提交时,参数名也是中文,传值接收一直乱码, 于是乎: 前端:encodeURIComponent(encodeURIComponent(参数)) 后台:URLDecoder.decode(s,"utf-8") 终于解决了乱码问题...

struts下ajax提交与页面进行提示 返回值为null

@Override    public String execute() throws Exception {        if ("none".equals(task)) {            HttpServletResponse response = ServletActionContext.getResponse();            response.setContentType("text/html;charset=GBK"); PrintW

jquery ajax提交整个表单参数

转自 : http://www.jb51.net/article/35085.htm function submit(){ var formData=$("form").serialize();  $.ajax({  type: "POST",  url: "/index.aspx",  processData:true,  data:formData,  success: function(data){  $("#result&quo

ajax提交session超时跳转页面使用全局的方法来处理

来自:http://www.jb51.net/article/43770.htm 如果是ajax提交,超时时从服务器发出的跳转命令就不会起作用,所以如果是session超时,而且是在ajax请求,就在响应头里,再用一个全局的方法来处理session超时要跳转的页面. 在过滤器中写入如下方法:(未测试) public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws I

Ajax 提交session实效跳转到完整的登陆页面

(function($){ // 保存原有的jquery ajax; var $_ajax = $.ajax; $.ajax = function(options){ var originalSuccess, mySuccess, success_context; if (options.success) { // save reference to original success callback originalSuccess = options.success; success_cont

jquery的ajax提交后,会跳转页面

今天在写代码的时候,遇到一个很奇怪的问题,一个form表单,用的是ajax的方式提交.结果,在服务器端php中,使用exit(),函数后都不能停止,并且继续跳转到本页.请求如下: 第一个请求中,其实我已经停止了代码,但程序并没有执行到,但返回的也是200状态码. 虽然,请求返回的是200,但查看reponse时,却发现是空的. 后来经过排查发现,原来是前端写的页面已经在input控件上,写好了type="submit"(都怪自己粗心,居然没看看),然后真相大白了.原因是,提交按钮绑定了

AJAX提交数据成功但不会跳转页面

HTML页面通过ajax提交数据成功,但是会执行多次success方法,不会跳转到指定页面 解决办法;把button的type改为button即可 1 <button type="button" id="addBtn" class="btn btn-primary btn-lg">添加</button> 2 3 <script type="text/javascript"> 4  $(&qu