Question

我运行的应用程序缩短了经过身份验证的用户的网址。此应用程序的表单只是完整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
  }); 
});
});

Answer 1

考虑到你没有发布任何代码，还有很多工作要做，但我认为你要问的是：

<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的基础知识。我还不清楚生成的页面按钮，但这是一个很好的起点。

JQuery按钮需要url并提交php表单

1 个答案: