ajax提交form表单转为json格式

Ajax是一种异步传输技术，可以在不重新加载整个页面的情况下更新部分页面内容。在网页开发中，我们可能需要通过Ajax提交表单数据，而且通常情况下，我们会将表单数据转为json格式，便于在后台进行处理。

以下是一个使用jQuery的示例代码，展示了如何将form表单中的数据转为json格式并使用Ajax提交：

$('form').submit(function() {
  // 获取表单数据
  var form_data = $(this).serializeArray();
  var form_json = {};
  
  // 将表单数据转为json格式
  $.each(form_data,function(index,field) {
    form_json[field.name] = field.value;
  });

  // 使用Ajax提交表单数据
  $.ajax({
    type: 'POST',url: 'submit.PHP',data: JSON.stringify(form_json),// 将json格式数据转为字符串
    contentType: 'application/json',dataType: 'json',success: function(data) {
      // 处理成功后的操作
    },error: function() {
      // 处理失败后的操作
    }
  });

  // 阻止表单提交
  return false;
});

在该代码中，我们首先获取了form表单中的所有数据，并将其转为json格式。接着使用Ajax提交数据，注意要将json数据转为字符串并设置请求头的ContentType为application/json。

使用上述方法提交表单数据，可以使代码更加简洁和高效。而且，json格式的数据也更符合现代网站开发的需求，因此越来越受到开发人员的喜爱。