Ajax多数据POST

时间:2016-03-27 15:40:03

标签: jquery ajax forms

我有一个包含多个输入的表单。我需要获取这些输入的值并将它们发送到不同的Web服务,以便客户可以从不同公司获得有关其人寿保险的报价。我一直这样做:

$.ajax({
       type: "POST",
       url: "/url/webservice1.php",
       dataType: "json",
       data:{
           customer_name : $("#customer_name").val(),
           customer_id : $("#customer_id ").val(),
           customer_address : $("#customer_address ").val(),
           customer_age : $("#customer_age ").val()
       }

但是因为我试图将这些数据发送到webservice2.php,webservice3.php等......它对我不起作用。 有人可以给我一个更好的方法或告诉我如何修改我的数据,以便数据可以立即传递给所有的Web服务。 提前谢谢!

1 个答案:

答案 0 :(得分:0)

试试这个:

var urls = ["/url/webservice1.php", "/url/webservice2.php", "/url/webservice3.php"];
$.each(urls, function(index, value) {
       $.ajax({
           type: "POST",
           url: value,
           dataType: "json",
           data:{
               customer_name : $("#customer_name").val(),
               customer_id : $("#customer_id ").val(),
               customer_address : $("#customer_address ").val(),
               customer_age : $("#customer_age ").val()
           },
           success: function(data){
               // you put here your code for all urls                  

               // or you put a personalized code for each url
               switch(value) {
               case "/url/webservice1.php":
                   //code of /url/webservice1.php
                   break;
               case "/url/webservice2.php":
               //code of /url/webservice2.php
                   break;
               case "/url/webservice3.php":
                   //code of /url/webservice3.php
                   break;
               }
           });
  });