m_Orchestrate learning system---二十四、thinkphp里面的ajax如何使用

一、总结

一句话总结:其实ajax非常简单:前台要做的事情就是发送ajax请求过来,后台的话,就是接收这个ajax传过来的请求,然后传递数据过去就可以了,

下面这句话有判断是不是ajax请求,其实ajax非常简单:前台要做的事情就是发送ajax请求过来,而就是应该用jquery的方法

后台的话,就是接收这个ajax传过来的请求,然后传递数据过去就可以了,

只不过在thinkphp里面还对请求是不是ajax进行了判断

15             $url = Request::instance()->isAjax() ? '' : 'javascript:history.back(-1);';
 1 /**
2 * 操作错误跳转的快捷方法
3 * @access protected
4 * @param mixed $msg 提示信息
5 * @param string $url 跳转的 URL 地址
6 * @param mixed $data 返回的数据
7 * @param int $wait 跳转等待时间
8 * @param array $header 发送的 Header 信息
9 * @return void
10 * @throws HttpResponseException
11 */
12 protected function error($msg = '', $url = null, $data = '', $wait = 1, array $header = [])
13 {
14 if (is_null($url)) {
15 $url = Request::instance()->isAjax() ? '' : 'javascript:history.back(-1);';
16 } elseif ('' !== $url && !strpos($url, '://') && 0 !== strpos($url, '/')) {
17 $url = Url::build($url);
18 }
19
20 $type = $this->getResponseType();
21 $result = [
22 'code' => 0,
23 'msg' => $msg,
24 'data' => $data,
25 'url' => $url,
26 'wait' => $wait,
27 ];
28
29 if ('html' == strtolower($type)) {
30 $template = Config::get('template');
31 $view = Config::get('view_replace_str');
32
33 $result = ViewTemplate::instance($template, $view)
34 ->fetch(Config::get('dispatch_error_tmpl'), $result);
35 }
36
37 $response = Response::create($result, $type)->header($header);
38
39 throw new HttpResponseException($response);
40 }

1、窗口改变函数如何使用?

页面窗口改变函数实例--wPaint

因为这是一个全屏的wPaint,所以窗口改变的时候需要改变画布的大小

27         $(window).resize(function()
28 {
29 var width = $(window).width();
30 var height = $(window).height();
31
32 $('#wPaint').css({
33 width: width,
34 height: height
35 });
36
37 var wp = $("#wPaint").data('_wPaint');
38
39 //var imageData = $("#wPaint").wPaint("image"); // if you want to maintain the image after resizing the canvas
40
41 $(wp.canvas).attr('width', width + 'px').attr('height', height + 'px');
42
43 //$("#wPaint").wPaint("image", imageData);
44 })
45
46 $(document).ready(function(){ $(window).resize(); });
 1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <title>Websanova Paint</title>
6
7 <!-- jQuery -->
8 <script type="text/javascript" src="./inc/jquery.1.8.2.min.js"></script>
9 <script type="text/javascript" src="./inc/jquery.ui.core.min.js"></script>
10 <script type="text/javascript" src="./inc/jquery.ui.widget.min.js"></script>
11 <script type="text/javascript" src="./inc/jquery.ui.mouse.min.js"></script>
12 <script type="text/javascript" src="./inc/jquery.ui.draggable.min.js"></script>
13
14 <!-- wColorPicker -->
15 <link rel="Stylesheet" type="text/css" href="./inc/wColorPicker.css" />
16 <script type="text/javascript" src="./inc/wColorPicker.js"></script>
17
18 <!-- wPaint -->
19 <link rel="Stylesheet" type="text/css" href="./wPaint.css" />
20 <script type="text/javascript" src="./wPaint.js"></script>
21
22 <style>
23 body, html{margin:0px;}
24 </style>
25
26 <script type="text/javascript">
27 $(window).resize(function()
28 {
29 var width = $(window).width();
30 var height = $(window).height();
31
32 $('#wPaint').css({
33 width: width,
34 height: height
35 });
36
37 var wp = $("#wPaint").data('_wPaint');
38
39 //var imageData = $("#wPaint").wPaint("image"); // if you want to maintain the image after resizing the canvas
40
41 $(wp.canvas).attr('width', width + 'px').attr('height', height + 'px');
42
43 //$("#wPaint").wPaint("image", imageData);
44 })
45
46 $(document).ready(function(){ $(window).resize(); });
47 </script>
48 </head>
49 <body>
50 <div id="wPaint" style="position:relative; width:200px; height:200px; background:#CACACA;"></div>
51
52
53 <script>
54 $("#wPaint").wPaint();
55 </script>
56 </body>
57 </html>

2、thinkphp里面的多级控制器如何使用(多级控制器好用)?

1、目录结构

2、命名空间

namespace app\student\controller\forum;

3、访问url

http://www.drsong.com/index.php/student/forum.forum/index.html

3、怎么让存进数据库里面的数据不危害数据库?

存进数据库转实体,解决引号,取出来从实体转回来

引号的话html输出的时候自然会帮忙转回来的

$content=input('content');
$content=addslashes(htmlspecialchars($content));
$content2=htmlspecialchars_decode($content);

htmlspecialchars — 将特殊字符转换为 HTML 实体

addslashes — 使用反斜线引用字符串

4、如何排查ajax错误(服务器内部错误是什么意思)?

论坛的动态更新

页面是改变元素的html来实现的 接收数据

服务器端是echo的html语句来发送数据

错误:

1、把date函数老是写成tata

2、页面端的js没显示出来,果断f12,尤其是ajax的时候,太容易服务器内部错误了

3、12句的方式13句却行,很奇怪

12             //$val['f_time']=date('Y-m-d H:i:s',$val['f_time']);
13 $time=date('Y-m-d H:i:s',$val['f_time']);
 1 <!--页面定时更新-->
2 <script>
3
4 setInterval(function(){
5 $.get("{:url('forum.forum/update')}",function(a,b){
6 //alert('111');;
7 $("#muForumContent2").html(a);
8 });
9 },1000);
10 </script>
11 <!--END 页面定时更新-->
 1     //动态更新聊天界面
2 public function update(){
3 /*************************************传递数据到页面*************************************/
4 $forumContents=db('forum')->alias('f')->
5 join('user u','f.f_u_id=u.id')->
6 order('f_time desc,f_id desc')->limit(10)->select();
7 //解转html实体
8 foreach ($forumContents as &$val){
9 $val['f_content']=htmlspecialchars_decode($val['f_content']);
10 }
11 foreach ($forumContents as $key => $val){
12 //$val['f_time']=date('Y-m-d H:i:s',$val['f_time']);
13 $time=date('Y-m-d H:i:s',$val['f_time']);
14 //return $val['f_time'];
15 if(session('id')!=$val['f_u_id']){
16 $html=<<<EOF
17 <div class="pet_sixin_to">
18 <div class="pet_sixin_to_l">
19 <img src="{$val['picture']}" alt="">
20 </div>
21 <div class="pet_sixin_to_r">
22 <div class="pet_sixin_to_r_nr">
23 <div class="pet_sixin_to_r_nr_sj"></div>
24 {$val['f_content']}
25 </div>
26 </div>
27 <div class="pet_sixin_shijian">{$time}</div>
28 </div>
29 EOF;
30 echo $html;
31 }else{
32 $html=<<<EOF
33 <div class="pet_sixin_form">
34 <div class="pet_sixin_form_l">
35 <img src="{$val['picture']}" alt="">
36 </div>
37 <div class="pet_sixin_form_r">
38 <div class="pet_sixin_form_r_nr">
39 <div class="pet_sixin_form_r_nr_sj"></div>
40 {$val['f_content']}
41 </div>
42 </div>
43 <div class="pet_sixin_shijian">{$time}</div>
44 </div>
45 EOF;
46 echo $html;
47
48
49 }
50 }
51 }

二、内容在总结中

 

三、项目地址

fry404006308/m_Orchestrate: m_Orchestrate
https://github.com/fry404006308/m_Orchestrate

m_Orchestrate learning system---二十四、thinkphp里面的ajax如何使用的更多相关文章

  1. m_Orchestrate learning system---十二、为什么thinkphp验证场景里面的多个属性之间是逗号

    m_Orchestrate learning system---十二.为什么thinkphp验证场景里面的多个属性之间是逗号 一.总结 一句话总结:因为是数组啊 1 protected $scene ...

  2. JAVA之旅(二十四)——I/O流,字符流,FileWriter,IOException,文件续写,FileReader,小练习

    JAVA之旅(二十四)--I/O流,字符流,FileWriter,IOException,文件续写,FileReader,小练习 JAVA之旅林林总总也是写了二十多篇了,我们今天终于是接触到了I/O了 ...

  3. WCF技术剖析之二十四: ServiceDebugBehavior服务行为是如何实现异常的传播的?

    原文:WCF技术剖析之二十四: ServiceDebugBehavior服务行为是如何实现异常的传播的? 服务端只有抛出FaultException异常才能被正常地序列化成Fault消息,并实现向客户 ...

  4. (C/C++学习笔记) 二十四. 知识补充

    二十四. 知识补充 ● 子类调用父类构造函数 ※ 为什么子类要调用父类的构造函数? 因为子类继承父类,会继承到父类中的数据,所以子类在进行对象初始化时,先调用父类的构造函数,这就是子类的实例化过程. ...

  5. 第三百二十四节,web爬虫,scrapy模块介绍与使用

    第三百二十四节,web爬虫,scrapy模块介绍与使用 Scrapy是一个为了爬取网站数据,提取结构性数据而编写的应用框架. 其可以应用在数据挖掘,信息处理或存储历史数据等一系列的程序中.其最初是为了 ...

  6. python3.4学习笔记(二十四) Python pycharm window安装redis MySQL-python相关方法

    python3.4学习笔记(二十四) Python pycharm window安装redis MySQL-python相关方法window安装redis,下载Redis的压缩包https://git ...

  7. 使用Typescript重构axios(二十四)——防御XSRF攻击

    0. 系列文章 1.使用Typescript重构axios(一)--写在最前面 2.使用Typescript重构axios(二)--项目起手,跑通流程 3.使用Typescript重构axios(三) ...

  8. Bootstrap<基础二十四> 缩略图

    Bootstrap 缩略图.大多数站点都需要在网格中布局图像.视频.文本等.Bootstrap 通过缩略图为此提供了一种简便的方式.使用 Bootstrap 创建缩略图的步骤如下: 在图像周围添加带有 ...

  9. 二十四、Struts2中的UI标签

    二十四.Struts2中的UI标签 Struts2中UI标签的优势: 数据回显 页面布局和排版(Freemark),struts2提供了一些常用的排版(主题:xhtml默认 simple ajax) ...

随机推荐

  1. Http请求和相应模式(B/S)(1)

    B/S模式 服务器端的接受数据 :浏览器端 表单格式 <form></form> GET:请求方式, /index.html  Web浏览器上的资源路径 uname=bjxt& ...

  2. 洛谷 P2393 yyy loves Maths II

    P2393 yyy loves Maths II 题目背景 上次蒟蒻redbag可把yyy气坏了,yyy说他只是小学生,蒟蒻redbag这次不坑他了. 题目描述 redbag给了yyy很多个数,要yy ...

  3. hdu5389(DP)

    题意: 给出n个人的id,有两个门,每一个门有一个标号.我们记作a和b,如今我们要将n个人分成两组,进入两个门中,使得两部分人的标号的和(迭代的求,直至变成一位数.我们姑且叫做求"和&quo ...

  4. [TypeScript] Generic Functions, class, Type Inference and Generics

    Generic Fucntion: For example we have a set of data and an function: interface HasName { name: strin ...

  5. FPGA实现网络通信时的网络字节序问题

    在上位机软件发送字符abcd 在鲨鱼上抓包 用逻辑分析仪从FPGA网络接收管脚分析 数据接收后存储在位宽为8bit的ram中 从ram中读32bitUDP数据为 64636261 依据以上那个现象, ...

  6. 【动态树问题】LCT学习笔记

    我居然还不会LCT QAQ真是太弱了 必须学LCT QAQ ------------------线割分是我www------------ LinkCut-Tree是基于Splay(由于Splay能够非 ...

  7. hunnu11544:小明的烦恼——找字符串

    Problem description   小明是个非常优秀的同学.他除了特别公正外,他也非常细心,当然老师肯定也知道,这不,老师又有事情找他帮忙了.老师每周都会给他一个字符串A.然后问小明" ...

  8. android官网被封掉了,仅仅好用这个站点进谷歌了!嘎嘎

         http://developer.android.com/sdk/index.html    这个能够进去.可是必须是搜狐 .360,uc都不用特意FQ     http://173.1 ...

  9. (插播)关于使用jenkins + unity +Xcode 来进行自己主动打包的处理。

    近期了解了下jenkins流程化服务的东西,个人感觉jenkins是一个非常方便的工具.主要是方便.设置好流程性得命令.仅仅需确定下就能够达到自己主动化. 减轻了错误得发生和简化了带来的复杂得步骤.今 ...

  10. kentico version history and upgrade

    Version history Kentico 10: November 30, 2016 Kentico 9: November 24, 2015 Kentico 8.2: January 6, 2 ...