JS+Ajax+JQuery+JSON课堂笔记

//JS只能用==来判断

 

JS（面向对象的语言）数据类型简介

1.基本数据类型：数字类型，字符串，布尔，Undefined，Null。

2.复杂数据类型：数组，对象，Fuction。

数据定义/声明

基本类型：var i=1；

数组类型：var c1={12,13,14},var c1=new Array(); var c2=new Array{12,13,14}.

对象类型：person=new Object();person.firstname="Bill";

方法：function functionname(){ 这里是要执行的代码 }

数组和字符串的常用方法：

1.数组.length  //获取数组长度

2.push（x） //数组尾部

3.indexof（x） //获取元素在数组中的位置

4.toSting（）//返回数组的字符串形式

5.遍历数组，通过for循环遍历，与java类似

6.  字符串提取函数substring()

语法:
stringObject.substring(startPos,stopPos) 

注意：
1） 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符，其长度为 stop 减start。
2） 如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。
3） 如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。
4）如果只有一个数字，则默认为startPos，将会输出这位置及后的一个字符串。而且第stopPos个字符是不会输出的；只输出第start-（stopPos-1）的字符串。


7.提取指定数目的字符substr()

mystr.substr(location_num,length_num);

两个数字分别表示从哪个字符开始提取和提取了多长（包含该位置本身的字符），如果不写长度，则默认该位置及之后都提取。

注意：

         ①如果参数startPos是负数，从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
         ②如果startPos为负数且绝对值大于字符串长度，startPos为0。

         ③substring（）与sub（）区别： string.substring( 起点 ， 终点 )


                                                               string.substr( 起点 ，长度 )


8. 字符串分割split（）

mystr.split("sign"，times_number);

sign是根据这个符号来分割，后面的次数是分割的次数，而且分割后的字符串数目不会多于这个数字。

 

 

 

-------------------------------------

对象（例：Window对象）

Window对象

 

 

 

------------------------>>>>>>>>>>

1.<button onclick="displayDate()">点击这里</button>

2.document.getElementById("myBtn").onclick=function(){displayDate()};

 

 

ajax请求步骤

1.建立xmlHttpRequest对象

var xmlHttp=new XMLHttpRequest();

2.设置回调函数

xmlHttp.onreadystatechange=callback;

function.callback(){}

3.使用OPEN方法与服务器建立连接

xmlHttp.open("get",“ajax?name="+name+”&password=“+password”“，true)

4.向服务端发送数据

xmlHttp.send();

5.在回调函数中针对不同的响应状态进行处理

 

-----------------------------------------------------------------------------

Jquery选择器

1.基本选择器：ID，样式，标签

2.层次选择器：基于Html Dom层次的选择器

3.过滤选择器：基于基本选择器和层次选择器进行过滤，配置两者使用。

4.表单选择器：JQuery提供的对表单元素进行选择的选择器。

5.表单过滤器：对表单选择器进行过滤，也可以配合基本选择器使用。

 

 

*****************************************************************************************************

子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。

总结：>作用于元素的第一代后代，空格作用于元素的所有后代。

详情：https://blog.csdn.net/u012110719/article/details/41171517

 

 

 

//注：下拉框，Textarea没有表单选择器！

$("select option:")->标签选择器  //定位到下拉框的所有选项

$("select option:selected")      ->其标签的子元素    //被选中的选项

 

 

 

 

 

--------------------------json