jquery form 插件的使用

在頁面中先引入jquery的js：

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>

 

表單代碼：

<form action="projectNeedsAddProjectNeedsAction.action" name="projectNeedsAddForm" id="projectNeedsAddForm" method="post" enctype="multipart/form-data" > 
标题：input type="text" name="project_needs_title" id="project_needs_title"  />
內容：<textarea id="project_needs_content" name="project_needs_content" rows="13" cols="89" value="" ></textarea>
複件1：<input type="file" name="upload"  />
複件2：<input type="file" name="upload"  />
複件3：<input type="file" name="upload"  />
<input id="diandian" type="button" class="btn" value="确 定" onclick="javascript:tt()" /> 
<input type="reset" class="btn" value="取 消" />

 

 js代碼：

function tt (){
    alert("start");
    var options ={
        //target:'#project_needs',
        url:'projectNeedsAddProjectNeedsAction.action',  //提交地址
        type:'POST',          //方式
        dataType: 'html',   //服务器返回的数据形式
        success: function('html') {    //回传函数实体，参数为XMLhttpRequest.responseText   
            alert('success!!form');
            $("#project_needs").html('html') ; 
        }
    };
    $('#projectNeedsAddForm').ajaxSubmit(options); //options
    return false; 
    alert("end");
}

 

  

评论

1 楼 spp_1987 2010-07-13  

大哥，怎么没有action里面的方法啊.

对于dataType 里面的参数值不一样，那对应的action中的怎么去填返回值啊

我只用过在dataType没有填值的情况下怎么做。
也是照样写啊
java代码：

System.out.println("yonghuming:"+usrName);
		//request.setAttribute("pass", pwd);
		Item item=new Item();
		item.setItemName(usrName);
		item.setItemOp("pwdTest");
		List list = new ArrayList();
		list.add(item);
		JSONArray json = JSONArray.fromObject(list); 		
		try {
			PrintWriter pw=response.getWriter();
			pw.print(json);
			//pw.print("test Ajax返回数据啊");
		} catch (Exception e) {
			// TODO: handle exception
			e.printStackTrace();
		}
		return null;

页面的值javascript代码：

<script type="text/javascript">
		$(document).ready(function(){
			$("#login").click(function(){
				$.ajax({
				    type:"POST",
					url:'jquery.do?ope=doShow',
					data:{userName:$("#usr").val()},
					dataType:'srcipt',
					contentType:"application/x-www-form-urlencoded;charset=UTF-8",
					success:function(json){
						var users = eval('(' + json + ')');
						$.each(users,function(i, user){         
                  		$("#result").append("<li>"+ i + "name:" + user.itemName + "&nbsp; pwd:"+ user.itemOp +"</li>");  
            		 });
					}			
				});			
			});			
		});
	
	</script>