前后端交互总结
1、jquery
事件：
鼠标：click, dbclick, mouseenter, mouseleave, hover
键盘：keypress, keydown, keyup
表单：submit, change, focus, blur
文档或窗口：load, resize, scroll, unload
常用函数
获得内容 - text()、html() 以及 val()：
text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值
jquery的for循环，为每个匹配元素规定要运行的函数:
$(selector).each(function(index,element))index - 选择器的 index 位置。element - 当前的元素（也可使用 "this" 选择器）
jQuery addClass() 方法:
$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});jQuery $.ajax({name:value, name:value, ... }) 方法:
请求头
data 规定要发送到服务器的数据。
url 规定发送请求的 URL。默认是当前页面。
type 规定请求的类型（GET 或 POST）。
success(result,status,xhr) 当请求成功时运行的函数。
error(xhr,status,error) 如果请求失败要运行的函数。
2、mysqli
示例：
// 1、连接数据库
$link = @mysqli_connect('localhost','root','123456');
// 2、成功与否判断
if (!$link) {
exit('error('.mysqli_connect_errno().'):'.mysqli_connect_error());
//die
}
// 3、选择数据库
if (!mysqli_select_db($link,'test')) {
echo 'error('.mysqli_errno(link).'):'.mysqli_error(link);
mysqli_close($link);
die;
}
// 4、设置字符集
mysqli_set_charset($link,'utf8');
// 5、准备SQL语句
$sql = 'select * from star where id > 100';
// 6、执行SQL语句
result = mysqli_query(link,$sql);
if (result && mysqli_num_rows(result)) {
// 7、处理数据
/*mysqli_fetch_row：获取一条数据的索引数组
mysqli_fetch_assoc：获取一条数据的关联数组
mysqli_fetch_array：获取一条数据的指定数组，
类型取决于第二个参数
mysqli_fetch_all：获取结果集中的所有数据，
类型取决于第二个参数
第二个参数：MYSQLI_NUM(索引数组)
MYSQLI_ASSOC(关联数组)
MYSQLI_BOTH(索引和关联都有)*/
var_dump(mysqli_fetch_all($result,MYSQLI_ASSOC));
while (row = mysqli_fetch_array(result,MYSQLI_NUM)) {
var_dump($row);
}
} else {
}
// 8、释放资源、关闭连接
mysqli_free_result($result);
mysqli_close($link);
面向对象：
'127.0.0.1:3306',
'db' => 'test',
'db_user' => 'root',
'db_pwd' => '123456',
);
mysqli = @new mysqli(mysql_conf['host'], mysql_conf['db_user'], mysql_conf['db_pwd']);
if ($mysqli->connect_errno) {
die("无法连接数据库:\n" . $mysqli->connect_error);//诊断连接错误
}
$mysqli->query("set names 'utf8';");//编码转化
select_db = mysqli->select_db($mysql_conf['db']);
if (!$select_db) {
die("could not connect to the db:\n" . $mysqli->error);
}$sql = "select uid from user where name = 'joshua';";
res = mysqli->query($sql);
if (!$res) {
die("sql error:\n" . $mysqli->error);
}
while (row = res->fetch_assoc()) {
var_dump($row);
}
$res->free();
$mysqli->close();
?>
3、session
//第一步：开启Session并初始化
session_start();
//第二部：删除所有Session的变量，也可以用unset($_SESSION[XXX])逐个删除
$_SESSION = array();
//第三部：如果使用基于Cookie的session，使用setCookkie()删除包含Session ID的cookie
if(isset($_COOKIE[session_name()])) {
setCookie(session_name(), "", time()-42000, "/");//设置cookie立刻失效
}
//第四部：最后彻底销毁session
session_destroy();4、XMLHttpRequest
基本步骤：
1、创建XMLHttpRequest对象
var xhr = null;
if (window.XMLHttpRequest) {
xhr = new window.XMLHttpRequest();
} else {
xhr = new ActiveXObject(“Microsoft.XMLHTTP”);
}
2、建立连接
xhr.open(“get”,”ajax.php?name=xxx&email=yy”, true);
3、发送请求
[xhr.setRequestHeader(“Content-type”,”application/….”);]
xhr.send();
4、注册回调函数
xhr.onreadystatechange = function () {
if(xhr.readyState === 4) {
if(xhr.status == 200) {
…
}
}
属性：
responseType: text, json, document, blob, arraybuffer, moz-chuncked-arraybuffer
responseText, responseXML
readyState: 0~4
status: 200, 404, 500...
timeout, upload, withCredentials
方法：
open(), setRequestHeader(), send(), getResponseHeader()
事件：
onreadystatechange, ontimeout, onerror, onload, onprogress