码迷,mamicode.com
首页 > Web开发 > 详细

js-01-[ajax提交数据]

时间:2015-09-17 13:10:04      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:

<script>

/*
 * 提交个别数据(key : value)。
 */
function post_form1()
{
    $.ajax({
        type: "post",
        url: "/*the url you will post to*/",
        data: {
        	name:$("#name").val(),
        	pwd:$("#pwd").val()
        },
        dataType: "json",
        success: function(data){
		console.log(data);
        }
    });
}
	
/*
 *将整个表单序列化之后一起提交。
 * async:true 代表异步提交,提交过程中用户可以继续操作。
 */
function post_form()
{
    $.ajax({
        type: "POST",
        url:"/*the url you will post to*/",
        data:$(‘#formid‘).serialize(),//the form‘s id you want to post
        dataType: "json",
        cache: true,
        async: true,
        error: function(request) {
            console.log("Connection error");
        },
        success: function(data) {
            console.log(data);
        }
    });
}

</script>

1.以上两个实例中用到的ajax中的属性只是一部分,如果需要其他属性去查询jquery中ajax属性。

2.以上两种ajax提交数据的方式,是jquery库中的使用方式。so 之前需要引用js库 (jquery-2.1.4.min.js)。                             

<script type="text/javascript" src="/*the url you save jquery-2.1.4.min.js*/"></script>

js-01-[ajax提交数据]

标签:

原文地址:http://www.cnblogs.com/Eyes-Chan/p/4815906.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!