javascript - 无法在文档正文上调用 ajaxSubmit 函数

Question

我只能在页面正文中插入我的代码。我需要通过 Ajax 提交表单并将字符串发送到服务器应用程序。所以我使用 jQuery 表单插件。这是我尝试添加的代码:

<script src='http://somesite.ru/interactive/jquery-1.8.3.min.js'></script>
<script src='http://malsup.github.io/min/jquery.form.min.js'></script>
<link rel='stylesheet' type='text/css' href='http://somesite.ru/interactive/somesite_interactive.css'>
<div id='question_block'>
  <b>You can left your question at the form right here:</b>
  <form action='http://somesite.ru/interactive/question' id='interactive_form'>
    <span>Your name:</span><input type='text' name='sender' size='64'>
    <textarea name='question_text'></textarea>
    <input type='button' id='interactive_submit_question' value='Отправить'>
  </form>

  <script type='text/javascript'>
    $("#interactive_submit_question").click(function(){
      $("#interactive_form").ajaxSubmit();
      $("#interactive_question_block").html("<b>Thanks! Your question was submited successfully.</b>");
    });
 </script>

我在页面加载时没有收到任何错误，但是当我点击按钮时我得到了

"TypeError: $(...).ajaxSubmit is not a function".

但我只是导入表单插件

<script src='http://malsup.github.io/min/jquery.form.min.js'></script>

更新:
看起来问题在于此页面已经加载了 jQuery(2 次)和旧版本的表单插件。
我只是使用了一个简单的函数 $.post() 来将数据发送到我的服务器。

Answer 1

为什么不直接使用 $.ajax？同样简单，而且您可以更好地控制提交的内容。