javascript - Javascript - 向网页提交多个表单

145 1

我每天都会手动填写表单,并且希望自动化这个过程,每个表单都是相同的,每次都发送到不同的'国家',所以我想创建一个国家列表,然后发送表单。

编辑:本质上,我想要做的就是向一个网站发送指令,将'items'自动发送到一组'nations',


<HTML>


<body onload="sendForms()">



<form action="https://thewebsiteurl.com" id="autosend" target='formresponse'>



 <input type="text" name="item1" value="5000">


 <input type="text" name="item2" value="10">


 <input type="text" name="recipient" id="nationName" value="">



</form>



<div class='iframe_container'>


<iframe name='formresponse' width='1440px' height='850px'></iframe>


</div>



</body>



<script>


var nations = ["Nation1","Nation2","Nation3","Nation4"];



function sendForms() {



 for (i = 0; i < nations.length; ++i) {


 document.getElementById("nationName").setAttribute("value", nations[i]);


 document.getElementById("autosend").submit();


 }


}


</script>



</HTML>



我已经阅读了大多数与此问题相关的文档但是很难解释它,并且实现XHLHttpRequest()xhr.send()

时间: 原作者:

105 1

试试这个,用jQuery

编辑:添加了ajax调用


<HTML>


<body onload="sendForms()">



<form action="#" id="autosend">



 <input type="text" name="item1" value="5000">


 <input type="text" name="item2" value="10">


 <input type="text" name="recipient" id="nationName" value="">



</form>



</body>



<script>


var nations = ["Nation1","Nation2","Nation3","Nation4"];



function sendForms() {



 for (i = 0; i < nations.length; ++i) {


 document.getElementById("nationName").setAttribute("value", nations[i]);


 $("#autosend").trigger("submit");


 }


}


$("#autosend").submit(function(e){


 e.preventDefault();



 $.ajax({


 url:"https://thewebsiteurl.com?"+$( this ).serialize(), 


 success: function(result){


 console.log("success :"+result);


 },


 error:function(result,code){console.log("failed")}


 }); 


});



</script>


</HTML>



原作者:
...