前端小白之每天学习记录----php(4)ajax

2021-06-07 04:04

阅读:492

YPE html>

标签:点击   文件   sql   set   字符   异步   安装   idt   utf-8   

ajax技术( 异步请求 )
局部无刷新技术: ajax技术不需要刷新页面就能得到服务器的结果,
所以增强了体验。

请求: 发送一次网络连接
目的: 是为了获取服务器的数据

步骤:

第一步:要使用ajax技术, 必须要获取浏览器的ajax对象
    通过浏览器内置的XMLHttpRequest 就可以得到ajax对象
第二步: 打开请求
             open( 打开请求的方式, 请求的地址, true )
第三步: 发送请求
             send使用发送数据的,GET方式一般发送null, 因为get方式的数据是通过url地址传递的
eg:用ajax输出一个hello world
    1.在WWW目录下新建data.txt文件并在里面添加内容hello world。
  2.在相同目录下新建ajax.php如下代码:
  3.启动phpStudy
  4.打开浏览器输入localhpst/ajax.html
  5.点击按钮查看效果
Document
eg:用ajax+php输出一个当前时间
  1.在WWW目录下新建一个php文件server.php
server.php
‘ . $_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

Document

  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  把数组转成类似格式的字符串
3.有时候ajax得到的数据是字符串,要转成json形式才能用

  

前端小白之每天学习记录----php(4)ajax

标签:点击   文件   sql   set   字符   异步   安装   idt   utf-8   

原文地址:http://www.cnblogs.com/szlxb/p/7327476.html


评论


亲,登录后才可以留言!