cari
Rumahphp教程php手册CodeIgniter框架入门教程第三课 URL及ajax

http://www.youarebug.com/forum.php?mod=viewthread&tid=112&page=1&extra=#pid164

 




本帖

 

 

 

CICIajax

CICIPHPPHPCIMVCMVCCIURLCI
example.com/index.php/floder/class/function/id/

 

example.comIP index.phpPHP floder classPHP functionindex idfunctionindexURLPHPURLgetCI/CI/id1id2id3URL
example.com/index.php/floder/class/function/id1/id2/id3/
CI MVCindex.phpCICIindex.php index.phpindex.phpSEOCI.htaccess
<span RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /CI_03/index.php/$1 [L]</span>
CI_03CI_01CI_02URLindex.php

 

index.phpCICodeIgniterAPIURLURL

 

CIajax ajaxajax基于PHP的AJAX学习笔记(教程)ajax ajaxCalculatecount()
<span function</span> <span count</span><span () {
        </span><span //</span><span  使用输入类接收参数</span>
        <span $num1</span> = <span $this</span>->input->post('num1'<span );
        </span><span $op</span> = <span $this</span>->input->post('operate'<span );
        </span><span $num2</span> = <span $this</span>->input->post('num2'<span );
        
        </span><span if</span> (<span is_numeric</span>(<span $num1</span>) && <span is_numeric</span>(<span $num2</span><span )) {
                </span><span //</span><span  如果两个数输入均为数字,则调用calculate_model模型下的count方法</span>
                <span $result</span> = <span $this</span>->calculate_model-><span count</span>(<span $num1</span>, <span $num2</span>, <span $op</span><span );

                </span><span //</span><span  采用文本作为格式作为回传值,所以直接返回结果</span>
                <span echo</span> <span $result</span><span ;
        }</span><span else</span><span  {
                </span><span echo</span> <span FALSE</span><span ;
        }
}</span>
xmljsonPHPAJAX

 

calculate_view
<span <!</span><span DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span><span ></span>
<span <</span><span html </span><span xmlns</span><span ="http://www.w3.org/1999/xhtml"</span><span ></span>
<span <</span><span head</span><span ></span>
<span <</span><span meta </span><span http-equiv</span><span ="Content-Type"</span><span  content</span><span ="text/html; charset=utf-8"</span> <span /></span>
<span <</span><span title</span><span ></span>网页计算器<span </</span><span title</span><span ></span>
<span <</span><span style </span><span type</span><span ="text/css"</span><span ></span><span 
#calculators </span><span {</span><span 
        margin</span><span :</span><span  10% auto</span><span ;</span><span 
        width</span><span :</span><span 600px</span><span ;</span><span 
        border</span><span :</span><span 1px solid #000</span><span ;</span>
<span }</span>
<span </</span><span style</span><span ></span>
<span <</span><span script </span><span type</span><span ="text/javascript"</span><span ></span>
        <span var</span><span  xmlhttp </span><span =</span> <span null</span><span ;
        </span><span function</span><span  $(id) {
                </span><span return</span><span  document.getElementById(id);
        }
        
        </span><span //</span><span 创建ajax引擎</span>
        <span function</span><span  getXMLHttpRequest() {
                </span><span var</span><span  xmlhttp;
                </span><span try</span><span  {
                        </span><span //</span><span Firefox,Opera 8.0+, Safari</span>
<span                         xmlhttp </span><span =</span> <span new</span><span  XMLHttpRequest();
                }</span><span catch</span><span  (e) {
                        </span><span //</span><span Internet Explorer</span>
                        <span try</span><span  {
                                xmlhttp </span><span =</span> <span new</span><span  ActiveXObject(</span><span "</span><span Msxml12.XMLHTTP</span><span "</span><span );
                        }</span><span catch</span><span  (e) {
                                </span><span try</span><span  {
                                        xmlhttp </span><span =</span> <span new</span><span  ActiveXObject(</span><span "</span><span Microsoft.XMLHTTP</span><span "</span><span );
                                }</span><span catch</span><span  (e) {
                                        alert(</span><span "</span><span 您的浏览器不支持AJAX!</span><span "</span><span );
                                        </span><span return</span> <span false</span><span ;
                                }
                        }
                }
                </span><span return</span><span  xmlhttp;
        }
        
        </span><span function</span><span  isubmit() {
                xmlhttp </span><span =</span><span  getXMLHttpRequest();
                
                </span><span //</span><span 怎么判断创建是否成功</span>
                <span if</span><span  (xmlhttp) {
                        </span><span //</span><span 以post方式发送</span>
                        <span var</span><span  url </span><span =</span> <span "</span><span index.php/calculate/count/</span><span "</span><span ;
                        </span><span var</span><span  data </span><span =</span> <span "</span><span num1=</span><span "</span><span +</span><span $(</span><span "</span><span num1</span><span "</span><span ).value</span><span +</span><span "</span><span &operate=</span><span "</span><span +</span><span $(</span><span "</span><span operate</span><span "</span><span ).value</span><span +</span><span "</span><span &num2=</span><span "</span><span +</span><span $(</span><span "</span><span num2</span><span "</span><span ).value;
                        </span><span //</span><span 打开请求</span>
<span                         xmlhttp.open(</span><span "</span><span post</span><span "</span><span , url, </span><span true</span><span );
                        </span><span //</span><span 下面这句话是post方式发送时必须要</span>
<span                         xmlhttp.setRequestHeader(</span><span "</span><span Content-Type</span><span "</span><span , </span><span "</span><span application/x-www-form-urlencoded</span><span "</span><span );
                        </span><span //</span><span 指定回调函数,指定的函数名一定不要带括号</span>
<span                         xmlhttp.onreadystatechange </span><span =</span><span  deal;
                        </span><span //</span><span 发送请求</span>
<span                         xmlhttp.send(data);
                }
        }
        </span><span function</span><span  deal() {
                </span><span //</span><span 取出从服务器返回的数据</span>
                <span if</span><span  (xmlhttp.readyState </span><span ==</span> <span 4</span><span ) {
                        </span><span //</span><span 取出值,根据返回信息的格式而定</span>
<span                         $(</span><span "</span><span result</span><span "</span><span ).value </span><span =</span><span  xmlhttp.responseText;
                }
        }
</span><span </</span><span script</span><span ></span>
<span </</span><span head</span><span ></span>

<span <</span><span body</span><span ></span>
<span <</span><span div </span><span id</span><span ="calculators"</span><span ></span>
        <span <</span><span form</span><span ></span>
                <span <</span><span input </span><span type</span><span ="text"</span><span  name</span><span ="num1"</span><span  id</span><span ="num1"</span> <span /></span>
                <span <</span><span select </span><span name</span><span ="operate"</span><span  id</span><span ="operate"</span><span ></span>
                        <span <</span><span option </span><span value</span><span ="add"</span><span ></span>+<span </</span><span option</span><span ></span>
                        <span <</span><span option </span><span value</span><span ="sub"</span><span ></span>-<span </</span><span option</span><span ></span>
                        <span <</span><span option </span><span value</span><span ="mul"</span><span ></span>x<span </</span><span option</span><span ></span>
                        <span <</span><span option </span><span value</span><span ="div"</span><span ></span>&divide;<span </</span><span option</span><span ></span>
                <span </</span><span select</span><span ></span>
                <span <</span><span input </span><span type</span><span ="text"</span><span  name</span><span ="num2"</span><span  id</span><span ="num2"</span> <span /></span><span =
                </span><span <</span><span input </span><span type</span><span ="text"</span><span  name</span><span ="result"</span><span  id</span><span ="result"</span><span  disabled</span><span ="disabled"</span> <span /></span>
                <span <</span><span input </span><span type</span><span ="button"</span><span  value</span><span ="计算"</span><span  onclick</span><span ="isubmit()"</span> <span /></span>
        <span </</span><span form</span><span ></span>
<span </</span><span div</span><span ></span>
<span </</span><span body</span><span ></span>
<span </</span><span html</span><span ></span>
ajax

 

calculate_modelcount
<span function</span> <span count</span>(<span $num1</span>, <span $num2</span>, <span $op</span><span ) {
        </span><span if</span> (<span $op</span> == "add"<span ) {
                </span><span return</span> <span $num1</span> + <span $num2</span><span ;
        }</span><span else</span> <span if</span> (<span $op</span> == "sub"<span ) {
                </span><span return</span> <span $num1</span> - <span $num2</span><span ;
        }</span><span else</span> <span if</span> (<span $op</span> == "mul"<span ) {
                </span><span return</span> <span $num1</span> * <span $num2</span><span ;
        }</span><span else</span> <span if</span> (<span $op</span> == "div" && <span $num2</span> != 0<span ) {
                </span><span return</span> <span $num1</span> / 1.0 / <span $num2</span><span ; 
        }</span><span else</span><span  {
                </span><span return</span> <span FALSE</span><span ;
        }
}</span>
ajaxCIajax


CIajaxajaxajaxajax

 

Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Vue.js与ASP.NET的结合,实现Web应用的性能优化和扩展的技巧和建议Vue.js与ASP.NET的结合,实现Web应用的性能优化和扩展的技巧和建议Jul 29, 2023 pm 05:19 PM

Vue.js与ASP.NET的结合,实现Web应用的性能优化和扩展的技巧和建议随着Web应用的快速发展,性能优化成为开发者不可或缺的重要任务。Vue.js作为一款流行的前端框架,与ASP.NET的结合可以帮助我们实现更好的性能优化和扩展。本文将会介绍一些技巧和建议,并提供一些代码示例。一、减少HTTP请求HTTP请求的数量直接影响着Web应用的加载速度。通过

ASP.NET程序中的MySQL连接池使用及优化技巧ASP.NET程序中的MySQL连接池使用及优化技巧Jun 30, 2023 pm 11:54 PM

如何在ASP.NET程序中正确使用和优化MySQL连接池?引言:MySQL是一种广泛使用的数据库管理系统,它具有高性能、可靠性和易用性的特点。在ASP.NET开发中,使用MySQL数据库进行数据存储是常见的需求。为了提高数据库连接的效率和性能,我们需要正确地使用和优化MySQL连接池。本文将介绍在ASP.NET程序中如何正确使用和优化MySQL连接池的方法。

生成式AI将在十个方面改变软件开发生成式AI将在十个方面改变软件开发Mar 11, 2024 pm 12:10 PM

译者|陈峻审校|重楼上个世纪90年代,当人们提起软件编程时,通常意味着选择一个编辑器,将代码检入CVS或SVN代码库,然后将代码编译成可执行文件。与之对应的Eclipse和VisualStudio等集成开发环境(IDE)可以将编程、开发、文档、构建、测试、部署等步骤纳入到一个完整的软件开发生命周期(SDLC)中,从而提高了开发人员的工作效率。近年来,流行的云计算和DevSecOps自动化工具提升了开发者的综合能力,使得更多的企业能够更加轻松地开发、部署和维护软件应用。如今,生成式AI作为下一代开

如何在ASP.NET程序中重连MySQL连接?如何在ASP.NET程序中重连MySQL连接?Jun 29, 2023 pm 02:21 PM

如何在ASP.NET程序中重连MySQL连接?在ASP.NET开发中,使用MySQL数据库是非常常见的。然而,由于网络或数据库服务器的原因,有时会导致数据库连接中断或超时。在这种情况下,为了保证程序的稳定性和可靠性,我们需要在连接断开后重新建立连接。本文将介绍如何在ASP.NET程序中实现重连MySQL连接的方法。引用必要的命名空间首先,在代码文件的头部引用

Vue.js与ASP.NET的结合,实现企业级应用的开发和部署Vue.js与ASP.NET的结合,实现企业级应用的开发和部署Jul 29, 2023 pm 02:37 PM

Vue.js与ASP.NET的结合,实现企业级应用的开发和部署在当今快速发展的互联网技术领域,企业级应用的开发和部署变得越来越重要。Vue.js和ASP.NET是两个在前端和后端开发中广泛使用的技术,将它们结合起来可以为企业级应用的开发和部署带来诸多优势。本文将通过代码示例介绍如何使用Vue.js和ASP.NET进行企业级应用的开发和部署。首先,我们需要安装

如何在ASP.NET程序中正确配置和使用MySQL连接池?如何在ASP.NET程序中正确配置和使用MySQL连接池?Jun 29, 2023 pm 12:56 PM

如何在ASP.NET程序中正确配置和使用MySQL连接池?随着互联网的发展和数据量的增大,对数据库的访问和连接需求也在不断增加。为了提高数据库的性能和稳定性,连接池成为了一个必不可少的技术。本文主要介绍如何在ASP.NET程序中正确配置和使用MySQL连接池,以提高数据库的效率和响应速度。一、连接池的概念和作用连接池是一种重复使用数据库连接的技术,在程序初始

在Linux上使用Visual Studio进行ASP.NET开发的推荐配置在Linux上使用Visual Studio进行ASP.NET开发的推荐配置Jul 06, 2023 pm 08:45 PM

在Linux上使用VisualStudio进行ASP.NET开发的推荐配置概述:随着开源软件的发展和Linux操作系统的普及,越来越多的开发者开始在Linux上进行ASP.NET开发。而作为一款功能强大的开发工具,VisualStudio在Windows平台上一直占据着主导地位。本文将介绍如何在Linux上配置VisualStudio来进行ASP.NE

aspnet有哪些内置对象aspnet有哪些内置对象Nov 21, 2023 pm 02:59 PM

ASP.NET中的内置对象有“Request”、“Response”、“Session”、“Server”、“Application”、 “HttpContext”、“Cache”、“Trace”、“Cookie”和“Server.MapPath”:1、Request,表示客户端发出的HTTP请求;2、Response:表示Web服务器返回给客户端的HTTP响应等等。

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Alat panas

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

SublimeText3 Linux versi baharu

SublimeText3 Linux versi baharu

SublimeText3 Linux versi terkini

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual