收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 9520|回复: 9

Jquery下如何将这些表单的数据通过AJAX发送到后台?

[复制链接]
发表于 2010-8-31 20:25:54 | 显示全部楼层 |阅读模式
11.png
表单如上,我是通过jquery的POST方式作为提交,但这么繁杂的表单元素,我应该怎么写到data里呢?
代码如下:
$.ajax({
type: "POST",
  url: "__URL__/handleRolePlayer",
  data: "sendrole="+$("#sendrole").val(),    //怎么写到这里来呢?用数组再join成字符串附加,还是怎么搞呢?
   success: function(msg){
        $("#results").val(msg);
        }
});
请大家提供思路,谢谢了!
发表于 2010-8-31 20:36:33 | 显示全部楼层
提供一个思路给你
首先要在点击提交按钮事件时,JS要把你的数据先存放到一个对象中,比如

  1. var form_data = new Object;
  2. form_data.reasin = $("#reasin").attr("value");//获取输入框的值并存放入对象
  3. var ajax_data = $.toJSON(form_data);//将对象转换成JSON格式(之前需要调用json2.js)

  4. $.ajax({
  5.         type:'POST',
  6.         url: site_url + 'index.php?m=do&c=ajax&mode=gbook',
  7.         dataType: "json",
  8.         data:'ajax_data=' + ajax_data,
  9.         errror:function() {
  10.                 alert('我晕,我错了');
  11.         },
  12.         success: function(s) {        //返回的s是一个数组(妈的,JS中数组和对象基本完全一致,随便称呼了)
  13.                 if(s.error) {
  14.                         alert("错误信息:" + s.message);
  15.                 } else {
  16.                         alert('提交成功');
  17.                 }
  18.         }
  19. });
复制代码


可以参考我做的这个网站中的留言本发表留言这个表单,网址:http://www1.cdu.edu.cn/academy/performart/ (貌似学校的服务器必须在白天9点 - 20点 能访问)
也可以顺便下载里面的json.js 文件
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-9-1 19:26:08 | 显示全部楼层
谢谢楼上,上面那个我试过,不行,还有别的办法吗?
回复 支持 反对

使用道具 举报

发表于 2010-9-1 22:14:29 | 显示全部楼层
LZ 使用的是ThinkPHP 吗?  
  1. function sentDataByAjax(){
  2.        
  3.         var dataObj={原因:原因的值,奖1:奖1的值,奖2:奖2的值,奖3:奖3的值,奖4:奖4的值,奖5:奖5的值,奖6:奖6的值,……}

  4.    $.ajax({
  5.                 type: "POST",
  6.                  url: "__URL__/handleRolePlayer",
  7.                 data: dataObj,
  8.      success: function(msg){
  9.                            $("#results").val(msg);
  10.                            }
  11.         });
  12. }
复制代码

[[i] 本帖最后由 kin1987 于 2010-9-1 22:19 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-9-2 18:45:00 | 显示全部楼层

回复 4# kin1987 的帖子

是的,ThinkPHP的,你看了url参数就知道啦!
你这个方法值得参考!
回复 支持 反对

使用道具 举报

发表于 2010-9-2 20:43:17 | 显示全部楼层
关注,高手还是有的啊
回复 支持 反对

使用道具 举报

发表于 2010-9-2 20:44:26 | 显示全部楼层
为什么用jquery呢,自己写完全可以实现,
回复 支持 反对

使用道具 举报

发表于 2012-7-21 10:15:39 | 显示全部楼层
我也想知道
回复 支持 反对

使用道具 举报

发表于 2012-7-21 10:57:59 | 显示全部楼层
美好的记忆,不能忘却
回复 支持 反对

使用道具 举报

发表于 2012-7-21 14:53:48 | 显示全部楼层
参数直接用对象形式就行了。
data:{a:1,b:2,c:3}
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-9-21 12:18 , Processed in 0.104228 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表