一个利用Ajax提交form表单数据的有关问题,提交不了

求助一个利用Ajax提交form表单数据的问题,提交不了。
我有一个form,想利用ajax的 ajaxSubmit方法提交表单数据到后台Java的doPost方法。

form代码:

<form id="new_book" name= "new_book" method="post">
<table cellpadding="5">
<tr>
<td>Name:</td>
<td><input class="easyui-textbox" type="text" name="name"
data-options="required:true"></input>
</td>
</tr>
<tr>
<td>Email:</td>
<td><input class="easyui-textbox" type="text" name="email"
data-options="required:true,validType:'email'"></input>
</td>
</tr>
<tr>
<td>Subject:</td>
<td><input class="easyui-textbox" type="text" name="subject"
data-options="required:true"></input>
</td>
</tr>
<tr>
<td>Message:</td>
<td><input class="easyui-textbox" name="message"
data-options="multiline:true" style="height: 60px"></input>
</td>
</tr>
<tr align="right">
<td></td>
<td><input id= "form_confirm" type="submit" value="确认"></input>&nbsp
        <input type="reset" value="重置"></input>
</td>
</tr>
</table>
</form>


Ajax代码:

             var ajax_option={
type : "post",
url : "MyReadServlet",
dataType : "text",
success : function(data) {
$('#select_OK').dialog('open');
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
$('#select_Fail').dialog('open');
}
};

$('#new_book').submit(function() {
alert(ajax_option.type + ajax_option.url);
$(this).ajaxSubmit(ajax_option);
});


部分java代码:

public class MyReadServlet extends HttpServlet {
         public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletExceptionIOException {
System.out.println("Read ajax called");


现在碰到的问题就是这个$('#new_book').submit(function() 里面的ajaxSubmit方法感觉没有成功调度后台的class的doPost方法,前面的那个alert倒是执行了。
后来自己检查了web.xml的配置之类的,发现也没什么问题。
本人刚接触web开发不久,望论坛各位给予指点~
------解决方案--------------------
引用:
Quote: 引用:

看你好像是google的浏览器,你F12,然后点console看看还报错


恩,看了下,确实是有报错,好像是引入js失败,但是很奇怪,js的路径我看了下应该是没问题的:

一个利用Ajax提交form表单数据的有关问题,提交不了


项目目录结构还能截个图出来看看?