当涉及到JQuery或Javascript的时候,我是一个新手--所以如果这是一件简单的事情,我很抱歉.
基本上,我有一个GET表单--我需要截取--这意味着当按submit按钮时,我需要调用javascript而不是实际提交表单。我想要完整的URL作为输出..。就像..。
http://server/cgi-bin/status.py?val=1223&val2=434334&val3=4343
表格-
基本上,我需要表单来处理URL,就好像它会提交一样,而不是提交。主要要求是将此链接小瓶邮件发送给客户,以便他们可以使用此链接跟踪作业进度。
谢谢,王子
发布于 2016-11-11 05:05:43
如果需要使用javascript处理表单并防止提交,则需要在用户按submit按钮时在表单上发生的submit
事件上添加一个侦听器。只需向窗体元素添加一个id
属性:
<form method="get" id="myForm">
...
</form>
然后添加侦听器:
<script>
$(function(){
$("#myForm').on('submit', function(event) {
event.preventDefault(); // This line prevents the normal behaviour of the submit button
var queryString = $(this).serialize(); // This will generate a query string like so : "val=1223&val2=434334&val3=4343"
var url = "http://server/cgi-bin/status.py?" + queryString; // Now you have the full URL
// Then you can send an AJAX request to a server-side script that will send the mail
$.ajax({
url: 'http://server/cgi-bin/email.py', // Your e-mailing script
method: 'POST', // or GET whatever
data: {
url: url,
email: 'recipient@domain.com'
},
...
})
})
})
</script>
发布于 2016-11-11 04:59:00
这可以用这样的方法来完成
$('form').on('submit', function(event) {
var url = '<insert-path-to-desired-script>?' + $(this).serialize();
event.preventDefault();
});
event.preventDefault()
确保表单没有实际提交。
然后,url
包含一个完整的url,其中包含所有的表单属性。
https://stackoverflow.com/questions/40548450
复制