javascript jquery ajax 동적 제출 여러 매개 변수 api 테스트
25663 단어 jQuery ajax
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>API </title>
<script type="text/javascript" src="../script/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="../script/jquery.autocomplete.min.js"></script>
<link rel="stylesheet" href="../script/jquery.autocomplete.css" type="text/css" />
<script type="text/javascript">
function addOne() {
$("#diy").append('<p> ：<input type="text" class="parameterName"/> ：<input type="text" class="parameterValue"/></p>');
}
function submitForm() {
var returnData = document.getElementById("phpRadio").checked ? "php":"json";
var method = document.getElementById("getRadio").checked ? "get":"post";
var action = "../api/"+$("#action").val();
alert(action)
var formData = new Object();
var allParameters = $(".parameter");
for(var i=0;i<allParameters.length;i++){
formData[allParameters[i].name] = allParameters[i].value;
}
var allDiyParameterNames = $(".parameterName");
var allDiyParameterValues = $(".parameterValue");
for(var i=0;i<allDiyParameterNames.length;i++){
formData[allDiyParameterNames[i].value] = allDiyParameterValues[i].value;
}
if(method == 'get'){
$.get(action, formData, function(data){
//
}, returnData);
}
}
</script>
</head>
<body>
<div style="float:left;" >
<form id="form1" method="post" target="_blank" onsubmit="action1()" enctype="multipart/form-data">
<p> / ：<input type="text" id="action"/> ：user/show</p>
<p> ：<input type="radio" id="getRadio" name="getPost" checked="true" /><label for="getRadio">GET </label>
<input type="radio" name="getPost" id="postRadio"/><label for="postRadio">POST</label></p>
<p> ：<input type="radio" id="phpRadio" name="returnData" checked="true" /><label for="phpRadio">php </label>
<input type="radio" name="returnData" id="jsonRadio"/><label for="jsonRadio">json</label></p>
<p>sig：<input type="text" class="parameter" name="sig" />
id：<input type="text" class="parameter" name="id" /></p>
<p>sid：<input type="text" class="parameter" name="sid" />
mid：<input type="text" class="parameter" name="mid" /></p>
<div id="diy">
<input type="button" onclick="addOne()" style="width:100px;height: 30px;" value=" "/>
</div>
<input type="button" onclick="submitForm()" style="width:200px;height: 30px;" value=" "/>
<input type="reset" style="width:100px;height: 30px;" value=" "/>
</form>
</div>
<div style="float:right;">
：<br><textarea id="result" rows="10" style="width:500px;"></textarea>
</div>
</body>
</html>좋은 웹페이지 즐겨찾기
