<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>fir</title>
</head>
<body>
<form?id="form"?method?=?"post"?action?=?"http://www.kuaidi100.com/query?type=yuantong&postid=postttt&id=1&valicode=&temp=123">
????<label>用戶名:</label>
????<input?type="text"???value="100605028323"??postttt?=?""?id="txt"?/>
????<input?type="submit"?value="確定"??name="submit"?id="sub"/>
</form>
<script>
????var?txt?=?document.getElementById("txt");
????var?btn?=?document.getElementById("sub");
????var?form?=?document.getElementById("form");
????console.log(typeof?form.action);
????btn.onclick=?function?()?{
????????var?action?=?form.action;
????????form.action?=?action.replace(/postttt/,?txt.value);
????}
</script>
</body>
</html>
4 回答
ThinkAllNight
TA貢獻(xiàn)35條經(jīng)驗(yàn) 獲得超31個(gè)贊
可以用 ajax 或者 jsonp 方法替換 form 元素的 post方法， 具體可以采用 jQuery 的 $.get() , $.post(), $.getJSON, $.ajax()等API ，并且將頁面中的form標(biāo)簽換成普通的div即可.
當(dāng)然，你可以自己用原生 js 封裝一個(gè)ajax方法，依據(jù)需求而定。
已采納
ThinkAllNight
TA貢獻(xiàn)35條經(jīng)驗(yàn) 獲得超31個(gè)贊
應(yīng)該是后臺(tái)沒有開放端口。因?yàn)?ajax 遵守“同源策略”, 不在同一協(xié)議、域名、端口下的ajax請求一般獲取不到數(shù)據(jù)，瀏覽器有報(bào)錯(cuò)，如下：
可以選擇線上調(diào)試，或者跟后臺(tái)協(xié)商開放端口。
- 4 回答
- 0 關(guān)注
- 1822 瀏覽
添加回答
舉報(bào)
0/150
提交
取消