将AJAX导出到外部js文件

时间:2014-02-19 19:01:30

标签: javascript jquery ajax

我正在尝试将ajax函数导出到外部.js文件,但由于某种原因它不适用于我。

我在标题中有这个代码:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
  $(function () {
    $('form').on('submit', function (e) {

      var ip = $("#ip").val();
      var format = $("#format").val();
      var url = $("#url").val();
      var title = $("#title").val();
      var poststring = 'http://' + ip + '?streamformat=' + format + '&url=' + encodeURIComponent(url) + '&title=' + title;

      $.ajax({
        type: 'post',
        url: poststring,
        //data: $('form').serialize(),
        success: function () {
          alert('form was submitted');
        }
      });
      alert('Sending ' + title);
      e.preventDefault();
    });
  });
</script>

这段代码在html文件的正文中。

<form>
    <input id="ip" value="192.168.1.1"><br>
    <input id="format" value="mp4"><br>
    <input id="url" value="http://somelink.com/file.mp4"><br>
    <input id="title" value="Video title"><br>
    <input name="submit" type="submit" value="Submit">
</form>

如果我将js代码复制到一个名为ajax.js的文件并包含它,就像我使用jquery一样,它不起作用。

我做错了什么?

1 个答案:

答案 0 :(得分:0)

原来我冲了一下,只检查了我的编码。 我将此代码留在外部.js文件中 - 这就是为什么它不起作用:/

<script type="text/javascript">