您的位置：首页 > 其它

【AJAX】第一个ajax程序兼$.get()和$.post()方法

2016-04-06 22:42 513 查看
我们的ajax其实是为JQuery所用，$.get()和$.post()用法相似，但是面试官可能会问两者的区别，这个问题在本章末尾做个小结吧。

ajaxindex.html：这里要特别注意这句<script src="jquery-2.1.4.min.js"></script>，刚开始我没有把script
src="jquery-2.1.4.min.js放在当前文档，结果死活不对，然后我把它放在当前文档，结果才正确的，理由是什么呢？知道的可以帮我解答一下。

<span style="font-family:Times New Roman;font-size:14px;"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-2.1.4.min.js"></script>
<script src='ajaxindex.js'></script>
</head>
<body>
<input type="text" id="txt"/>
<button id="btn">send</button>
结果：<span id="content"></span>
</body>
</html></span>


ajaxindex.js:

<span style="font-family:Times New Roman;font-size:14px;">$(document).ready(function(){
$('#btn').on('click',function(){
$.get("ajaxindex.php",{name:$('#txt').val()},function(data){
$('#content').text(data);
})
})
})</span>


ajaxindex.php:

<span style="font-family:Times New Roman;font-size:14px;"><?php
/**
* Created by PhpStorm.
* User: Administrator
* Date: 2016/4/5
* Time: 12:03
*/

if(isset($_GET['name'])){
echo "hello:".$_GET['name'];
}else{
echo 'Args Error';
}</span>


面试官可能问到的问题：$.get()和$.post()的区别。

简而言之：get传送数据量小，安全性差，会被缓存，post反之。

get和post。get的方式是将表单控件的name/value信息经过编码之后，通过URL发送(你可以在地址栏里看到)。而post则将表单的内容通过http发送，你在地址栏看不到表单的提交信息。那什么时候用get，什么时候用post呢？一般是这样来判断的，如果只是为取得和显示数据，用get；一旦涉及数据的保存和更新，那么建议用post。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航