分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

妙味JS学习记录(二)

发布时间:2023-09-06 01:47责任编辑:胡小海关键词:暂无标签

在学习过程中零碎的知识点记录以及一些想法,加深印象,强化记忆。

五、Ajax

~ 无刷新数据读取;用户注册、在线地图、聊天室、webQQ、微博;

Ajax能且仅能 从服务器读取一个文件,要注意文本文件和网页的编码要统一(utf-8)

只读一次,后面加载缓存,?t=1213 用get提交数据

可以用?t=new Date().getTime 使每次都重新加载;

eval()计算字符串里的值,如果参数是一个表达式,eval() 函数将执行表达式。如果参数是Javascript语句,eval()将执行 Javascript 语句。

原理:

Http请求方法:GET - 获取数据(浏览帖子)  POST - 上传数据(用户注册);

form的action属性是用来确定表单提交到哪里,method属性默认为get

<form action="www.baidu.com" method="get" accept-charset="utf-8"> ???????用户名:<input type="text" name="user"/> ???????密码:<input type="password" name="pass" /></form>

get方式把数据放到url 里面提交;post把数据放在http content里;

get安全性很低;post安全性一般;

get容量很低;post容量几乎不限

get便于分享;post不便于分享

~ 编写Ajax

1.创建ajax对象  

//创建AJAX对象var oAjax = null;if(window.XMLHttpRequest){//不存在的变量会报错,不存在的属性仅仅是undefined ???oAjax = new XMLHttpRequest();}else{ ???oAjax = new ActiveXObject("Microsoft.XMLHttp");}

2.跟服务器连接 

 oAjax.open(方法,URL,异步);

3.发送请求

  oAjax.send();  

4.接收返回

oAjax.onreadystatechange = function(){ ???if(oAjax.readyState == 4){ ???????if(oAjax.status == 200){ ???????????alert(‘成功‘+oAjax.responseText); //获得字符串形式的响应数据 ???????}else{ ???????????alert(‘失败‘); ???????} ???}};

六、运动

var timer = null;var btn = document.getElementById("btn");function startMove(){ ???clearInterval(timer);//先清定时器,防止定时器叠加 ???var odiv = document.getElementById("div"); ???timer = setInterval(function(){ ???????var ispeed = 1; ????//设定速度 ???????if (odiv.offsetLeft >= 300) {//到300距离停止 ???????????clearInterval(timer); ???????}else{ ?//用了else到达位置后不执行 ???????????odiv.style.left = odiv.offsetLeft + ispeed +‘px‘; ???????} ???????????????},30);}btn.onclick = startMove;

运动框架

开始运动时,关闭已有定时器,把运动和停止隔开(if..else)

妙味JS学习记录(二)

原文地址:https://www.cnblogs.com/anqwjoe/p/8659230.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved