AJAX、JQUERY 工作遇到的知识点

泽浜商城关联公司知识点总结

1.关联公司的时候，根据用户ID，在数据库中用户表中关联公司ID，公司的列表通过查找公司表 ，然后抓取所有公司的名称和ID.关联的时候只需要根据公司name和ID进行关联。

2.AJAX知识点

对于JAX提交，不必当前到当前页面，只需要提交到一个专门处理AJAX提交的空白页，根据AJAX中DATA的标识符字段，来进行相应的操作

$.post(),$.get()不做赘述

在JQUERY中，AJAX用法如下

$.ajax({

url ：’/example.php’, //这个页面专门用来处理所有的AJAX请求

type : ‘post/get’, //提交数据的方式

datatype : “json/xml”, //要返回的数据类型

data : {

“type”:”actionA”, //对于不同AJAX请求的唯一标识符

“id”:”007”,

“name”:”zhouqi”

………… //想要传输的数据

},

success:function(data){ //提交成功后，返回的数据为data 假设为JSON数据

var arr = $.parseJSON(data);     //首先要对传来的数据进行解析

// $.parseXML(data); //解析成JS可以操作的对象，否则报错

$.each(arr,function(index,item){ //each的对arr进行遍历的操作

//index为下标,item为索引

//在这里可以对数据进行操作

var id = item.id; //获取id的值

var name = item.name; //获取name的值

$(“body”).append(“<span>id:”+id+”</span><span>name:”+name+”</span>”)

});

}

});

在example.php页面，用于专门处理AJAX请求

<?php

switch($_POST[‘type’]){ //这里的type就是data数据中的唯一标识符

case “actionA”:

//…………其他数据处理操作

$data = [‘id’=>’007’,’name’=>’helloworld’]; //处理过后的数据

echo  json_encode($data); //以JSON的形式传送数据给前台

Break;

……

case “actionX”: //其他的ajax请求

………………

Break；

}

?>

ajax请求返回的数据一定是PHP页面输出的数据，我理解为ajax请求的是所对应的php整个页面显示出来的东西。

对于一个标签需要获取多个值可以多个属性，然后通过JQUERY来获取属性的值，传递到AJAX的data中。

表单提交的值，只是value值，其他的属性值是无法提交的。

3.JQUERY遇到知识点

获取某个元素为 $('button')

获取ID结点      $('#name')

获取类结点 $('.name')

获取某个结点的属性   $("input[name='letter']")    这里可以是正则表达式

获取input的值

如果input存在属性value  则可以  $('#name').attr(‘value’);

如果不存在value属性，并且要获取输入值  可以是：$('#name').val();

关于this

JQUERY中，可以用this代表当前事件触发的对象

比如有N个class为key1的按钮

$(‘.key1’).click(function(){

alert($(this).attr(‘value’));

}); //就可以获取当前点击按钮的value属性值

JQUERY中获取下拉列表的文本值是

<selected>

<option value=”a”>我是A</option>

<option value=”b”>我是B</option>

<option value=”c”>我是C</option>

</selected>

JQUERY中获取下拉列表的文本值是

$.(“select option:selected”).text()//可以获取 我是A/我是B/我是C;

如果要获取value值，那么$.(“select”).val()

关于正则表达式

pattern = /......./;

str=’......’;

pattern.test(str);如果正则表达式匹配str则返回true，否则返回false；

4.其他散碎知识点

a 在HTML中，表单之间是不可以嵌套的，但是是可以通过JS来实现不同表单的提交

b 记录的删除，一般是逻辑删除而不是物理删除，也就是说给记录多加一个字段，比如 isdel 1表示删除   0表示不删除

c 当需要一个变量作为布尔值的可以，可以先设置一个flag=false/true，然后根据情况改变它的值

d 级联操作的逻辑：首先通过AJAX请求到所有的数据，然后根据onchange事情调用相应的函数。

比如第一个值改变了，那么通过onchange1函数，获取一个的下拉框的value值作为第二个节点的父ID，假设为‘1’，再在请求的数据中，找到父ID为1的所有数据，然后动态添加到第二个下拉框中。