JQuery按钮获取url并提交php表单
JQuery button takes url and submits php form
我运行了一个应用程序,它缩短了经过身份验证的用户的url。这个应用程序的表单只是完整url的输入,然后输出一个缩短的url。
我想建立一个按钮,可以添加到生成的页面(网址很长很乱),一旦点击就会自动提交网址缩短表单。
url缩短应用程序在php中运行。我读过一些关于使用ajax提交表单的文章。如果它在不同的网站上,这有关系吗?有人有很好的教程或这类事情的起点吗?
非常感谢!
编辑以包含代码:
<form action="" method="post">
<label for="form_url">Which URL do you want to shorten?</label>
<input type="url" id="form_url" name="form[url]" required="required" value="http://">
<input type="hidden" name="form[_token]">
<button type="submit" role="button">Shorten URL</button>
</form>
$(document).ready(function() {
$('a.btn').click(function() {
var pathname = window.location;
$.ajax({
type: "POST",
url: 'http://url',
data: $(pathname).serialize,
success: success,
dataType: text
});
});
});
考虑到您没有发布任何代码,没有什么要做的,但我认为您要问的是:
<form id="myForm" method="post">
<input type="text" name="long_url"/>
<input type="submit" value="Send"/>
</form>
现在在Javascript中,您将捕获提交事件和调用以及ajax请求:
$("#myForm").submit(function(e){
e.preventDefault();
$.ajax({
type: "POST",
url: "urlOfPhp",
data: $("#myForm").serialize(),
success: function(returned_data) {
// Handle Success Here.
}
}).error(function(){
// Handle an Error Here.
});
});
这就是Ajax的基础。我也不清楚生成页面按钮的事情,但这是一个很好的起点。
相关文章:
- 我想使用模态通过php文件发送邮件,并且我希望在提交关闭后关闭pop
- 如何从jquery确认框提交php页面
- 从 JavaScript 提交 PHP 表单
- 提交 php 表单而不刷新页面
- 提交PHP表单不会将PHP变量传递给javascript函数
- 不要在提交PHP时刷新页面
- 当用户提交PHP表单时,我如何将文本文件发送到网站上所有打开的浏览器
- JQuery按钮获取url并提交php表单
- 通过 AJAX 提交 PHP 数组不起作用
- 使用javascript自动提交PHP表单
- 自动提交php表单
- 每个输入都在表单提交PHP上序列化
- 提交PHP表单,无需重新加载或AJAX
- javascript验证成功后提交PHP表单
- 从单页提交PHP查询
- 提交php不工作
- 如何提交PHP表单数据.(不是怎么做!)
- 表单没有提交php和jquery
- 尽管未选中,但 HTML 复选框值仍提交 (PHP)
- 隐藏确认表单重新提交PHP