AJAX、JQUERY 工作遇到的知识点

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

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

2.AJAX知识点

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

$.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来获取属性的值,传递到AJAXdata中。

表单提交的值,只是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的所有数据,然后动态添加到第二个下拉框中。

原文地址:https://www.cnblogs.com/zhouqi666/p/5870770.html