首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Ajax发布多个数据

Ajax发布多个数据
EN

Stack Overflow用户
提问于 2016-08-02 08:55:09
回答 3查看 895关注 0票数 0

如何使用ajax发布多个数据?我想同时发布输入valueattr。以下是一个例子:

代码语言:javascript
复制
$('.input[type=\'text\']').keyup(function(){        
  $.ajax({
    type: 'POST',
    url: 'index.php',
    data: $('.input[type=\'text\']'),
    dataType: 'json',
    success: function(json) {
      alert('done');
    }
  });
});
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" value="" attr="yes" />

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-08-02 09:01:08

作为记录在案,“数据”具有混合类型(类型: PlainObject或String或Array)。因此,您可以将数组或对象分配给data属性。

试着跟随;

代码语言:javascript
复制
$('.input[type=\'text\']').keyup(function(){       
    var dataToPost = {
                    value: $(this).attr('attr'),
                    attr: $(this).val()
                  }; 
            $.ajax({
                  type: 'POST',
                  url: 'index.php',
                  data: dataToPost,
                  dataType: 'json',
                  success: function(json) {
                              alert('done');
                    }
            });
  });
票数 1
EN

Stack Overflow用户

发布于 2016-08-02 09:00:27

代码语言:javascript
复制
 $('.input[type=\'text\']').keyup(function(){
 var obj = {};
 obj.val = $(this).val();
 obj.attr = $(this).attr('attr');
 $.ajax({
              type: 'POST',
              url: 'index.php',
              data: obj,
              dataType: 'json',
              success: function(json) {
                          alert('done');
                }
        });
});
票数 0
EN

Stack Overflow用户

发布于 2016-08-02 09:01:35

代码语言:javascript
复制
$('.input[type=\'text\']').keyup(function(){
            var data = new FormData();
            $el = $('.input[type=\'text\']');
            data.append('value', $el.val());
            data.append('attr', $el.attr('attr'));
            $.ajax({
		          type: 'POST',
		          url: 'index.php',
		          data: data,
		          dataType: 'json',
			      success: function(json) {
                              alert('done');
                    }
            });
  });
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" value="" attr="yes" />

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38715945

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档