使用原生ajax與後臺資料互動
阿新 • • 發佈：2019-01-08
//html 非完整，只包含必要元素
<script>
function torun(a) {
var id=a.id;
var url="test/?typecode="+id;
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
<!-- 將json字串轉化為json物件 ，需要加--》 ‘（‘ ’）‘ -->
var obj=eval('('+xmlhttp.responseText+')');document.getElementById("typecode").innerHTML=obj.typecode;
}
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
</script>
<td><button type="button" id="test_001" onclick="torun(this)" value="test_001">執行</button></td>
<td id="typecode"></td>
//java 使用的是springMVC+Maven
import net.sf.json.JSONObject;
@Controller
public class RunTimeController {
@RequestMapping(value="/test",produces = "application/json;charset=utf-8",method=RequestMethod.GET)
@ResponseBody
public String test_001(String typecode){
JSONObject
json.put("typecode", typecode);
return json.toString();
}
}