原生JavaScript写post请求导出数据

<html>
<meta http-equiv="Content-Type" content="application/json;charset=utf-8" />
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script>
	function exportRecord() {
            var IP = "http://192.168.0.**:9000"; //局域网ip 
            var json  = {"fileName":"test.txt","tiles":[{"titleName":"省","colkey":"FD_PROVICE","width":"100"},
                        {"titleName":"地市","colkey":"FD_CITY","width":"100"},{"titleName":"长途区号","colkey":"FD_CITYNUM","width":"100"},{"titleName":"集客号头","colkey":"FD_NUMTOP","width":"100"},
                        {"titleName":"号码","colkey":"FD_NUM","width":"100"}],"condition":{}};
    
    var form = $("<form>");
    form.attr('style', 'display:none');
    form.attr('target', '');
    form.attr('method', 'post'); //请求方式
    var urlstr = IP+"****";   //你的接口名
    form.attr('action', urlstr);//请求地址

    var input1 = $('<input>');//将你请求的数据模仿成一个input表单
    input1.attr('type', 'hidden');
    input1.attr('name', 'exportData');//该输入框的name
    input1.attr('value',JSON.stringify(json));//该输入框的值
     
    $('body').append(form);
    form.append(input1);
    
    form.submit();
    form.remove();

 }
</script>

<body >
	<form id="fomr1">
		<input id="jsonstr" type="hidden" name="json" value=""/>
		<input type="button" name="" id="a" value="导出下载" onclick="exportRecord()"/>
	</form>
</body>

</html>
原生JavaScript写post请求导出数据

猜你喜欢
