jquery – POST JSON数据从没有AJAX的表单

前端之家收集整理的这篇文章主要介绍了jquery – POST JSON数据从没有AJAX的表单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图将数据POST到REST api而不使用 AJAX.我想以 JSON格式发送数据.我有以下代码,但我试图找出如何转换输入字段和POST到服务器.这是我的代码尝试:
  1. <form id = "myform" method = "post">
  2. id: <input type = "text" id = "user_id" name = "user_id">
  3. data: <input type = "text" id = "user_data" name = "user_data">
  4. <input type = "button" id = "submit" value = "submit" onClick='submitform()'>
  5. </form>
  6.  
  7. <script language ="javascript" type = "text/javascript" >
  8. function submitform()
  9. {
  10. var url = '/users/' + $('#user_id').val();
  11. $('#myform').attr('action',url);
  12.  
  13. //
  14. // I think I can use JSON.stringify({"userdata":$('#user_data').val()})
  15. // to get the data into JSON format but how do I post it using js?
  16. //
  17.  
  18. $("#myform").submit();
  19. }

解决方法

您可以添加一个隐藏的输入字段与json值,像这样 –
  1. function submitform() {
  2. var url = '/users/' + $('#user_id').val();
  3. $('#myform').attr('action',url);
  4. var data = JSON.stringify({
  5. "userdata": $('#user_data').val()
  6. })
  7. $('<input type="hidden" name="json"/>').val(data).appendTo('#myform');
  8. $("#myform").submit();
  9. }

你可以使用json参数(隐藏输入的名称)访问你的json

猜你在找的jQuery相关文章