jquery - 通过 jquery 从 html 表单中检索 Http Get url

标签 jquery html forms

有没有什么方法可以在不提交的情况下从 url 中检索,一些如何通过 HTTP Get 模拟表单提交。 我的意思是这个例子

<from id="frm" method="POST" action='someaction'>
  <input type='text' id='txt1' value='Hello'/>
<form>

我想在不提交表单的情况下获取波纹管

someaction?txt1=Hello

最佳答案

解决方法如下:

HTML:

<form id="frm" method="POST" action='someaction'>
  <input type='text' id='txt1' value='Hello'/>
  <input type='text' id='txt2' value='World'/>
</form>

Your GET URL is: <div id="url"></div>

Javascript(使用 jQuery):

var url = $("#frm").attr("action") + "?";
var urlElements = [];
$("#frm").children().each(function(){
    urlElements.push($(this).attr("id") + "=" + $(this).attr("value"));
});
urlElements = urlElements.join("&");
url += urlElements;
$("#url").html(url);

你可以在这里测试: http://jsfiddle.net/3S9db/

希望这有帮助:)

关于jquery - 通过 jquery 从 html 表单中检索 Http Get url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22773024/

相关文章:

php - 表单 'SELECT' 元素返回不正确的值

jquery - 如何让按钮恢复到 jQuery 中的默认状态

javascript - 一页上有多个 Twitter 提要?

javascript - 为什么我的 html 没有用 jQuery html() 显示?

javascript - 如何使用 jQuery 悬停、更改、切换图片

javascript - 为什么在reactjs中使用JSON.parse会导致跨源错误?

forms - 将表单提交到 Servlet 后,如何在 JSP 中保留 HTML 表单字段值?

javascript - 输入 [type ='datetime-local' ] 在 Chrome 中不支持秒

javascript - 声明一个新函数还是立即调用它?

javascript - 当用户点击浏览器中的后退按钮时如何获取上一个url