zoukankan      html  css  js  c++  java
  • 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的所有数据,然后动态添加到第二个下拉框中。

  • 相关阅读:
    2. 环形路加油
    1. 元素累加
    开始在线练习50题。
    C# 搜索关键词
    Python调用OpenCV几何变换
    Tensorflow加载多幅图像进一个tensor
    Cmake构建OpenCV测试例子
    Linux利用本地http下载解决一些需要联网下载的问题
    Python调用OpenCV算术操作
    Python调用OpenCV阈值化
  • 原文地址:https://www.cnblogs.com/zhouqi666/p/5870770.html
Copyright © 2011-2022 走看看