Jquery的ajax方法学习

Jquery里面的get方法

$.get('01.jq_get.php',{name:"jack",age:18},function (data) {
                // 直接打印结果
                console.log(data);
                // 打印属性值
                console.log(data.name);
                console.log(data.color);
            },'json');

---

• 参数1：url
• 参数2：发送的数据，支持直接写js对象，字面量对象，可选参数
• 参数3：回调函数
• 参数4：从服务端获取的数据类型，可选参数，如果写为json，jq内部会帮我们进行一个JSON.parse()的转化，不写的话，需要手动转化

  $.get('jqGet.php',{name:"jack",age:90},function(data){
             console.log(data);
             data = JSON.parse(data);
             console.log(data.name);
             console.log(data.color);
         })

---

Jquery里面的POST方法

// 跟$.get用法及其类似
		/*
			参数1:url
			参数2:发送的数据 支持 直接写js对象的方式
			参数3:回调函数
			参数4:从服务端获取的 数据类型 可以不写,如果写为json jq内部 会帮我们进行一个 JSON.parse()的转化 
		*/
		$.post('02.jq_post.php',{name:"榴莲炒饭",skill:"熏人"},function(data){
			console.log(data);
		},'json')

<?php
//关于php中字符窜的拼接，都是发送的数据，返回
echo '{"name":"'.$_POST['name'].'","skill":"'.$_POST['skill'].'"}'
?>

---

Jquery里面的ajax方法

// 使用jq 发送ajax
			/*
				常见参数:
					url:请求的地址
					success:请求成功的回调函数
					type:不写是get 可以指定 get,post
					dataType:数据的类型
					data:发数据 可以写js对象
					beforeSend:发送之前调用的匿名函数
						可以return false 阻止该次请求
						验证用户的数据 是否填了
					error:请求失败以后 会调用
			*/
			$.ajax({
				url:'03.jq_ajax123123123.php',
				success:function(data){
					console.log(data);
				},
				type:'post',
				dataType:'json',
				data:{"name":"干锅花菜","skill":"上天"},
				beforeSend:function(){
					console.log('发送之前调用');
					// return false;
				},
				error:function(){
					console.log('请求失败了');
				}
			})
		});