加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Ajax实例:原生js+thinkphp+ajax

发布时间:2020-12-16 01:40:04 所属栏目:百科 来源:网络整理
导读:发现很多实例都是jQuery+thinkphp+ajax 所以在这次项目中使用原生ajax的时候遇到的问题查都查不到,是自己一点点调试出来的。 很难忘的一次经历,所以一定要记下来: 先说下ajax技术到底是个什么东东吧。 刚学前端的时候就听说过这个名词,但是项目中一直也

发现很多实例都是jQuery+thinkphp+ajax
所以在这次项目中使用原生ajax的时候遇到的问题查都查不到,是自己一点点调试出来的。
很难忘的一次经历,所以一定要记下来:


先说下ajax技术到底是个什么东东吧。
刚学前端的时候就听说过这个名词,但是项目中一直也没有使用过。
后来有了一些基础之后,知道它是用来和后台交互的,可以实现部分刷新,现在很多复杂的表单填写页面大都会用到ajax技术。
开始找实习以后就在w3chool上看相关知识,实现小demo.也看《高级程序设计》。
前几天终于有机会在自己的项目中使用它,感觉自己进步很多。


ajax全名是:Asynchronous Javascript And XML异步的JavaScript和XML
传统网页中前端拿到后端的数据都是要重新加载页面的,但是ajax使得前端可以只更新部分数据,比如注册的时候,输入用户名,然后点击注册按钮,前端把用户名传给后台,后台发现数据库中已经有这个用户名存在,就会返回【用户名已存在】,这样用户名的input框后面会出现提示【用户名已存在】,而整个页面没有变化
好了废话不多说,先说下ajax在前端实现的过程:

  1. 创建XHR对象
    var xmlhttp;
  2. 实例化XHR对象(分为IE56浏览器和其他浏览器)
    if (window.XMLHttpRequest){
    xmlhttp=new XMLHttpRequest(); }
    else{
    xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);}

  3. 发送请求,open方法和send方法
    xmlhttp.open(“GET”,”gethint.php?string=”+str,true);
    open的三个参数分别的是,方式用post还是get,url,同步还是异步的方式,默认是异步的(true)
    string是后台需要get的时候用的名字,str是js中需要发给后台的变量名
    url需要根据后台使用框架的路由规则来写


    1. 5.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读