利用form表单来传输ajax+json

需要把form表单提交的时候 ，你不希望是用form提交， 而是转化成json 用ajax提交 首先要阻止form表单提交

需要jquery框架

$(function(){$("#Form").submit(function(event) {
     
      /* stop form from submitting normally */
      event.preventDefault();
     //这里讲form表单阻止了，现在要将 form表单信息转化为json 然后用request发出去
      /* get some values from elements on the page: */
     //success 是发送成功的回调函数 error 是发送失败的回调的函数 这两个函数都要自己定义
      request("/authtoken", "POST", JSON.stringify($("#Form").serializeObject()), success, error);            
      
    });});  
//将$.ajax函数 转化成一个简单的接口
function request(url, method, param, callback, fail){    
		//alert(param);
    	$.ajax({
		        type: method,
		       	//async:false,
		        contentType: "application/json;charset=UTF-8",
		        dataType: "json",
		        url: url,
		        data: param, 
		        success: callback,
		        error: fail,
		    });		  
    	}

//将form表单里面的数据转化为json对象
$.fn.serializeObject = function()
        {
            var o = {};
            var a = this.serializeArray();
            $.each(a, function() {
                if (o[this.name] !== undefined) {
                    if (!o[this.name].push) {
                        o[this.name] = [o[this.name]];
                    }
                    o[this.name].push(this.value || '');
                } else {
                    o[this.name] = this.value || '';
                }
            });
            return o;
        };

//再用JSON.stringify()函数将json对象转化为json字符串，就转化出去了