实现局部动态的3种建议

1. 如果你动态数据是简单,可以直接嵌入js

<script type=‘text/javascript‘ language=‘javascript‘ src=‘getOnline.php‘></script>

2. 如果你需呀动态的数据是比较复杂的,可能需要服务器返回json或者xml-> ajax

$.ajax({
   type: "GET",
   url: "xxx.php",
   success: function(msg){
     //对msg进行dom编程

}
});

3. 如果动态的数据是因为用户的某个操作引发的,则可以使用jquery的事件绑定来处理

$(#id).click(fucntion(){

$.ajax({
         type: "GET",
         url:
"aaa.php",
         success:
function(msg){
        //对msg进行dom编程

}
});

});

实现局部动态的3种建议,布布扣,bubuko.com

时间: 2024-10-10 02:53:28

实现局部动态的3种建议的相关文章

局部动态加载页面

不知道各位小伙伴在做前端页面的时候,会不会跟我有一样的经历,整个系统大体上是需要一个整体框架的,只有局部需要不时地刷新.话不多说,以下就是我要实现的效果图. 显然,我用红色边框框起的的地方是整个项目页面都需要有的,而黄色的两个边框的,有些页面采用了同样的样式,有些改变上面黄色边框,有些改变下面黄色边框. 于是,我就想到了用Ajax动态请求其他页面中的内容.这样及不会让index页面的代码内容过多,也可以让几个样式相同的板块统一样式,请求同一页面,省事. 首先呢,我在主页面留了两个空白的div,也

webpack命令局部运行的几种方法

1. 第一种,先全局安装webpack 命令:npm install -g webpack 然后再在项目内安装 命令:npm install webpack --save-dev 这样在项目内就可以直接使用webpack命令了,运行的却是局部的webpack 2.第二种,直接在局部安装webpack,利用package.json设置中的scripts属性 命令: npm install webpack --sava-dev / yarn add webapck 如果只是单纯的在局部安装webpa

JDK及CGLIB动态代理-AOP4种增强

动态代理 AOP底层实现:有接口自动应用的就是JDK动态代理(1).JDK 在运行时运行时注入本质:在内存中构建出接口的实现类特点:被代理对象,必须有接口 实例: import java.lang.reflect.InvocationHandler; import java.lang.reflect.Method; import java.lang.reflect.Proxy; public class Test { public static void main(String[] args)

Spring之动态代理两种实现

基于jdk实现的动态代理 1 package com.proxy.daili; 2 3 import com.proxy.daili.service.IModelMath; 4 5 import java.lang.reflect.InvocationHandler; 6 import java.lang.reflect.Method; 7 import java.lang.reflect.Proxy; 8 import java.util.Arrays; 9 10 /** 11 * 动态代理模

动态组件 —— 2种方式实现动态组件的切换

动态组件适用于在不同组件之间进行动态切换.我使用过2种方法来实现: (1)可以通过 Vue 的 <component> 元素加一个特殊的 is 特性来实现: (2)通过v-if来进行条件渲染,同样能实现. 下面是2种实现方法的代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name=&

动态数据源四种实现方案对比

简单描述需求,当前我们的分析型数据都是不可变的,且每次的分析都是要将整体数据都加载到计算节点进行分析计算,所以基础的存储和缓存都是面向文件的,并不支持对某一行的修改,如果需要Update某些行或者插入新的记录,需要将增量修改与原数据源联合进行复杂的合并操作,对于经常需要修改的数据源尤其是更新某些行的属性值不那么方便,如果只是Append还好,并且还有对这个数据源的实时查询需求,用户希望能够在页面上进行交互式查询,要求响应速度亚秒级别. 看起来这个需求很像是一个数据库所擅长的,但是从另外的角度看,

ng-class动态类几种用法

方法1.逻辑在后面的中括号里面 ng-class="{true : 'checker disabled',false : 'checker' }[selectAllButton]" 方法2.key为class 成立条件为对应的value 为true ng-class="{'checker disabled' : item.disab, 'checker' : !item.disab}" 方法3.用{{ }} 包着表达式 不推荐,这样样式跑到contruller里面去

ext.js 两种局部刷新的方式

$.ajax({ type: "POST", url: "AjaxAlgorithmOptimzeHandler.ashx?cmd=yhtrafficFlow", data: 'encoded=' + encoded, dataType: 'json', success: function (msg) {//msg其实就是Car类的一个实例 等价 car1 alert(msg); } }); 1 listeners: { 2 click: function (a,

编写高质量JAVA程序代码的建议

--------------------------------------------------------------------------------------------------- 前言:原著<改善JAVA程序的151个建议>有151个建议,我在拜读的过程根据自己的理解合并了其中的几个,并将每个建议的核心要义进行了一次纯手工提炼,以方便想阅读这本书的同行能够更快的掌握这本书的所有核心内容. -------------------------------------------