jQuery技术:Jquery ajax POST标签/值对

我想在Ajax .POST中传递标签/值对,但找不到任何解决方案。 Ajax .POST通常发送id / value对但我无法更改我的id并希望发送标签/值对。 我提供了部分表格。 请帮忙。

$.ajax({ url:"allfields.php", type:"POST", // dataType:"json", data: $("#frmRequest").serialize(), success: function(msg){ alert("Form Submitted: "+ msg); return msg; }, error: function() { alert('Error occured'); } });  

    这是一个例子:

    HTML

         

    jQuery的

     var dataToServer = []; $('form label').each(function() { dataToServer.push({ label: $(this).text(), value: $(this).next().val() }); }); console.log(data); // output // [ {label: 'Label1', value: '1'}, {label: 'Label2', value: 'some'}] 

    工作实例

    希望这可以给你一些指导。

    根据commnet

    AJAX部分

     $.ajax({ url: "allfields.php", type: "POST", dataType:"json", data: dataToServer, // send above data here success: function(msg) { alert("Form Submitted: " + msg); return msg; }, error: function() { alert('Error occured'); } }); 

    最后一击

     $('#submit').on('click', function() { var dataToServer = []; $('#frmRequest label').each(function(i, el) { var temp= {}, label = $(this).text(), value = $('#' + $(this).attr('for')).val(); temp[label] = value; dataToServer.push(temp); }); console.log(dataToServer); }); 

    查看控制台输出

      以上就是jQuery教程分享Jquery ajax POST标签/值对相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/547332.html

      (0)
      上一篇 2021年1月11日
      下一篇 2021年1月11日

      精彩推荐