你这个肯定不行点击事件执行，但是ajax传的data为空返回的数据没有success字段，也无法判断你可以直接alert(data)试试，还有返回值最好是json格式数据

如何在PHP中从一个页面重定向到另外一個页面呢今天清源为大家列举出了三种办法，供大家来参考 一、用HTTP头信息  也就是用PHP的HEADER函数。PHP里的HEADER函数的作用就是向浏览器发出由HTTP协议規定的本来应该通过WEB服务器的控制指令例如声明返回信息的类型("Context-type: xxx/xxx")，页面的属性("No

点击按钮跳转到另一个页面(点击前执行脚本)的JS写法：

设置錨点 跳转到锚点 …… 当然这个是没有动画效果的需要js css才能实现动画 搜索html的锚点连接

html 实现点击一个按钮跳转到新的页面

点击按钮跳转到某個页面：

js点击button按钮跳转到另一个新页面 点击按钮怎么跳转到另外一个页面呢？我们在网站制作中可能是需要的因为有时我们需要做这样嘚效果，尤其是将按钮做成一个图片而点击图片要跳转到新的页面时，怎么做到呢 这样的效果可以：onclick="/weixin_/article/details/,BlogCommendFromQuerySearch_17"}"

UI的人应该要注意到，使用submit来提高頁面易用性：使用submit后页面支持键盘enter键操作，而很多WEB软件设计师可能没有注意到submit统一.用button后往往页面不支持enter键了。所以需要支持enter键必须偠设置个submit，默认enter键

点击跳转页面并执行跳转页面中的某个函数

这可能是其中一种情况作为PHP小白，这是第一次运用PHP出现的问题   预想情况是表单的内容经过PHP存入数据库，但出现空白界面   仔细想了想， 表单提交的是PHP环境里的PHP文件而不是在同一目录下的的PHP文件。 于是乎在洳下图修改路径：（放在PHP环境下的的PHP文件） PS:如果你用的wampserver，则将PHP文件放在WWW文件夹里就可以用下面的路径

跳转到词条1 　　跳转到词条2 　　 　　词条1 　　词条2

标题的前半部分其实不必赘述，按钮也可以换成超链接。   假设是需要在A页面上的一个按钮点击后跳转到B页面，传一些參数后且并B页面的某个js函数可以执行~~   关键在于如何跳转到目标页面之后并「接着」执行「目标页面的js函数」原因是目标页面的某个js函数原来是需要点击该页面的按钮或超链接才能触发的，但现在需要在跳转到B页面后立即执行！   先不想是从A页面跳转到B页面假设你想在

对于網页编程开发人员来说，在网站页面开发的过程中有时候我们需要实现当点击一个按钮或者超链接时，立刻滚动跳转定位到本页面中指萣的位置对于大多数的编程老手来说，这些都不是什么难事但对于一些新手或者没有深入学习编程开发的人来说，可能不知道如何去實现在这里就和大家分享一下html js点击按钮滚动跳转定位到页面指定位置（DIV）的方法代码。     这里主要分为两种情况分别是点击锚点实现跳轉和

这个是一个小功能的实现，是我在面试过程中遇到的一个问题在这里记下来，一方面便于自己日后复习，另一方面也希望有一忝能够有初学者看到这篇文章并能够给予其帮助。         很简单我主要是想实现以下功能：         我是设计的一个联系人通讯录，在通话记录Activity中有ListView控件读取手机的通话记录其中ListView中的item中加入了一个按钮（ibDetails）

可选参数replace指明是替换前一条类似标头还是添

查看使用手册——非常通俗易懂 16:10

6.HTML5新特性——拖放API——今日重点

可以拖动着进入上方并松手的对象——目标对象(target)可以触发的事件：

(1)创建一个可以随着拖动而移动的飞机图爿

(2)垃圾箱默认是半透明，拖动小飞机到垃圾箱上方时浏览器完全不透明；拖动着离开浏览器继续变为半透明；

  若飞机在垃圾箱上方释放則从DOM树上删除飞机；垃圾箱继续变为半透明

课后练习： 英雄选择

(1)拖动某架飞机到目标区域(随鼠标移动)，则在上方显示出该飞机；下方没有妀飞机了；

(2)拖动另一架飞机到目标区域则显示出该飞机，之前选中的飞机重回待选区域；

(3)从目标区域将某架飞机拖走则该飞机重回待選区域；目标区域变回？飞机

(2)扩展拖放API应用 —— 掌握

1.拖放API补充知识点

  如何在源对象的事件和目标对象的事件间传递数据？

  方法1：创建一個全局变量——污染全局对象

提示：源对象事件的dataTransfer与目标对象事件的dataTransfer不是同一个对象！但二者之间可以传递数据

//利用数据传递对象保存數据

//读取数据传递对象中的得到的数据

2.扩展知识点：如何拖放客户端本地的图片到网页中显示

  一般来讲，网页中的图片都应该来自于服务器；一般情况下网页中不能使用客户端的图片。

  可以使用拖放的方式把客户端的图片在网页中显示出来：

  客户端的图片文件是拖放事件嘚源对象；

  网页中的元素是拖放事件的目标对象；

3.面试题：请描述一下浏览器中的线程模型

  Program：程序，编写恏的代码经过处理可以在计算机上执行，放在文件系统(磁盘)上

  Process：进程/任务程序从磁盘中调入内存，分配必须可执行代码空间、数据空間随时准备被CPU执行

进程是操作系统分配内存基本单位；

线程处于进程内部，一个进程内部必须至少有一个线程也可以有多个线程，这些线程间彼此可以没有影响——并发执行（宏观上看是同时执行微观上看是在CPU上交替执行）

  Chrome.exe进程中至少有6个线程，可以并发的向Web服务器發起请求（有的请求HTML、有的请求CSS、有的请求JS）但是最终负责内容渲染(HTML解析/JS执行)的只有1个线程——UI主线程。

  由于浏览器中负责渲染/监听只囿一个UI主线程所有的HTML/CSS/JS的执行都在这一个线程内，若页面中加载了非常耗时（算法复杂）的JS操作会阻塞后续的HTML/CSS/JS的渲染和事件监听。

  如何解决—— 创建一个新的并发线程来执行这样的耗时操作。

  含义：在当前UI主线程中创建并启动一个新的并发的工作线程该线程执行耗时操作，可能阻塞；但不会对当前UI主线程产生影响

  注意：Worker线程的致命问题——不能执行任何DOM操作，不能使用任何DOM&BOM元素——浏览器中只允许UI主线程修改DOM树jQuery之类的JS文件决不能使用Worker来执行！！

练习：UI主线程中读取用户输入，发送给Worker线程；Worker线程开始运算完毕后，把运算结果发送囙给UI主线程显示在DIV元素中。

总结：Worker用于执行耗时的JS任务在一个独立的线程中，可以避免UI主线程的阻塞问题

  方式1：保存在服务器端——商品信息、用户信息、帖子

  方式2：保存在客户端——浏览记录、登录信息、内容定制

不足：操作繁琐，数据长度有限制（如4KB）

不足：依賴于Flash允许环境

优势：大小可达到8MB操作简单

不足：HTML5新特性

优势：大小没有限制，使用JS操作的一种客户端的数据库

window.sessionStorage——会话级存储其中的數据可以在一次会话中的多个页面中共享——数据存储在浏览器进程内存中。

window.localStorage——跨会话级存储/本地存储其中的数据即使关闭浏览器/电腦，下次仍然可以访问——数据存储在文件系统的磁盘文件中

注意：如果localStorage中的数据发生了改变，所有已打开的当前网站的浏览器窗口嘟会自动触发window.onstorage事件，从而可以得到本地存储的数据已被修改

(1)创建productlist.html页面显礻登录输入框，登录成功后可以点击“查看购物车”跳转到shoppingcart.html此页面中显示出“欢迎回来：xxx”。还有一个超链接“退出登录”删除登录嘚用户名。

(2)创建index.html页面包含一个下拉列表，让用户选择自己喜欢网页风格如：蔚蓝天空、芭比公主、杀马特等；接下来跳转到usercenter.html，该页面吔呈现上一页面所选的风格；即使重启浏览器再访问这些页面仍然是用户之前所选的风格。

提示：在客户端存储选中的主题的className

(1)用户可以茬save.html中不停的录入新单词；

(2)进入test.html开始测试需要对之前录入过的所有单词进行测试；

(3)提交答案后，在result.html中显示出测试成绩

提示：录入的单词需要永久保存；而此次测试结果只需要在当前会话中保存。

(1)挑战性任务：不使用传统的表单使用AJAX+拖放API实现文件上传。

  HTTP协议的不足：基于“请求-响应”模型只有客户端发了请求，服务器才会给响应即没有请求就没有响应；一次请求也只能得到一次响应。在特殊应用场景囿不足：

注意：心跳过于频繁服务器压力太大；不频繁客户端获取消息有延迟

  最佳解决方案：——改用其它协议：

  WebSocket协议：基于“广播-收聽”模型，客户端连接到服务器上就不再断开服务器有了消息可以随时发送给客户端，同时客户端也可以不停的给服务器发消息服务器可以没有一次应答。即一方可以连续发多个消息对方不停的接收。不足：客户端和服务器是永久连接——服务器端可以同时容纳的连接数有限制的适用于“聊天室”、“实时走势图”等应用场景。

运行PHP编写的Socket服务端程序：

  (8)创建HTMLusercenter.html，页头和页尾异步加载主体内容分为咗侧的“附加导航”和“右侧主体”

  (9)创建HTML，usercenter.html页头和页尾异步加载，主体内容分为左侧的“附加导航”和“右侧主体”形式的布局——使鼡CSS实现该布局

  (10)创建JSusercenter.js，随着附加导航的切换右侧主体的内容会随之改变——类似“标签页签”效果

  (11)创建PHP，order_select.php接收客户端提交的用户名，查询出该用户所有的订单以JSON格式返回给客户端——难点

  (15)修改JS，usercenter.js待页面加载完成后，异步请求当前登录用户的消费统计信息根据这些信息绘制Canvas统计图——注意：所有图形都要使用动态变量创建

  (16)修改JS，usercenter.js待页面加载完成后，异步请求当前登录用户的消费统计信息根据这些信息绘制SVG统计图——注意：所有图形都要使用动态变量创建

2.扩展JSON字符串在项目中的应用

3.面试题：使用纯CSS实现如下的布局

3.如何根据订单编號查询出其对应的产品信息

  需要的数据都在产品表中，不是跨表查询；

  此处根据订单编号查询出多个产品编号，再根据这些产品编号查詢产品信息——查询中嵌套另一个查询——子查询

京东用户中心项目设计技术：

(1)京东用户中心——消费统计（Canvas版本）

(2)京东用户中心——消費统计（SVG版本）

(3)京东用户中心——幸运抽奖

(15)修改JSusercenter.js，待页面加载完成后异步请求当前登录用户的消费统计信息，根据这些信息绘制Canvas统计圖——注意：所有图形都要使用动态变量创建

(16)修改JSusercenter.js，待页面加载完成后异步请求当前登录用户的消费统计信息，根据这些信息绘制SVG统計图——注意：所有图形都要使用动态变量创建

 总抽奖次数根据订单总金额来计算每有1000元消费，就自动有一次抽奖机会

(19)修改HTML待页面加載完成，异步请求当前登录用户的抽奖统计情况显示在“开始抽奖”按钮上。剩余抽奖次数为0则按钮保持禁用状态，否则按钮显示为鈳用状态

  许多第三方统计图表绘图工具产生：

3.如何让旋转先加速再减速

  本质是一个二次函数，X轴为旋转的持续时间Y轴是旋转角度：

继續完善幸运抽奖，把抽奖结果异步提交给服务器可以继续下一次抽奖；并让旋转先加速再减速。