前端小白之每天学习记录_H5之家 - 中国HTML5教程资源分享第一站

server.php

<?php // echo date("Y-m-d H:i:s"); // if( isset( $_GET[‘name‘]) ){ //isset 判断请求是否存在 // echo $_GET[‘name‘] . ‘--->‘ . $_GET[‘age‘] . ‘--->‘ . date("Y-m-d H:i:s"); // }else if( isset( $_POST[‘name‘] ) ){ // echo $_POST[‘name‘] . ‘--->‘ . $_POST[‘age‘] . ‘--->‘ . date("Y-m-d H:i:s"); // // echo ‘post request: ‘ . date(‘Y-m-d H:i:s‘); // } echo $_REQUEST[‘name‘] . ‘--->‘ . $_REQUEST[‘age‘] . ‘--->‘ . date("Y-m-d H:i:s"); ?>

　　2.在WWW目录下新建一个php文件time.php<!DOCTYPE html>

<html lang="en"> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script> window.onload = function(){ var oBtn = document.querySelector("input"); var oDiv = document.querySelector("div"); oBtn.onclick = function(){ var xhr = new XMLHttpRequest(); var url = ‘server.php?name=lxb&age=22&t=‘ + Math.random();//GET方法 // var url = ‘server.php‘;//post方法 xhr.onreadystatechange = function(){ if( xhr.readyState == 4 ){ oDiv.innerHTML += xhr.responseText + ‘<br/>‘;
} } //GET方法 xhr.open( ‘GET‘, url, true ); xhr.send( null ); /* //POST方法 xhr.open( ‘POST‘, url, true ); //如果是用post发送的数据，需要加一个请求头 xhr.setRequestHeader(‘content-type‘, ‘application/x-www-form-urlencoded‘); //post的数据放在send函数里面发过去 xhr.send( "name=lxb&age=22" );*/ } } </script> </head> <body> <input type="button" value="获取时间"> <div></div> </body> </html>

　　3.打开浏览器输入localhpst/time.html　　

　　4.点击按钮查看效果

jQuery的ajax

$.get $.post $.ajax 三种函数形式

$.get( "1", { 2 }, 3);

1, 请求的url 2,发送的数据(json格式) 3,成功之后的回调函数（参数为接收到的结果-->res）

eg:$.get( "sever.php", { ‘province_id‘, }, function( res ){ });

经典的ajxa----》三级联动

1.省市区表格

2.三种复制表数据方法

　　一.在安装PHPstudy目录下的mySQL目录下的data记录了数据库的数据信息

　　二.用数据库管理软件导入sql文件

　　三.用数据库管理软件复制表

3.数据库返回的数据一般是字符串或者xml形式

所以在php得到数组结果后要用 json_encode 把数组转成类似格式的字符串

<?php echo json_encode( $arr); ?>

3.有时候ajax得到的数据是字符串，要转成json形式才能用