CodeIgniter框架入门教程——第三课 URL及ajax

首頁

後端開發

php教程

CodeIgniter框架入门教程——第三课 URL及ajax_PHP教程

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jul 13, 2016 am 10:36 AM

aspnet 軟體程式設計

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 URLindex.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

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

Java教學

1664

CakePHP 教程

1423

Laravel 教程

1317

PHP教程

1268

C# 教程

1244

Related knowledge

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應用程式的載入速度。透過

生成式AI將在十個方面改變軟體開發 Mar 11, 2024 pm 12:10 PM

譯者|陳峻審校|重樓上世紀90年代，當人們提起軟體程式設計時，通常意味著選擇一個編輯器，將程式碼檢入CVS或SVN程式碼庫，然後將程式碼編譯成可執行檔。與之對應的Eclipse和VisualStudio等整合開發環境（IDE）可以將程式設計、開發、文件、建置、測試、部署等步驟納入到一個完整的軟體開發生命週期（SDLC）中，從而提高了開發人員的工作效率。近年來，流行的雲端運算和DevSecOps自動化工具提升了開發者的綜合能力，使得更多的企業能夠更輕鬆地開發、部署和維護軟體應用。如今，生成式AI作為下一代開

ASP.NET程式中的MySQL連線池使用及最佳化技巧 Jun 30, 2023 pm 11:54 PM

如何在ASP.NET程式中正確使用和最佳化MySQL連線池？引言：MySQL是一種廣泛使用的資料庫管理系統，它具有高效能、可靠性和易用性的特性。在ASP.NET開發中，使用MySQL資料庫進行資料儲存是常見的需求。為了提高資料庫連接的效率和效能，我們需要正確地使用和最佳化MySQL連接池。本文將介紹在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的結合，實現企業級應用的開發與部署 Jul 29, 2023 pm 02:37 PM

Vue.js與ASP.NET的結合，實現企業級應用的開發和部署在當今快速發展的互聯網技術領域，企業級應用的開發和部署變得越來越重要。 Vue.js和ASP.NET是兩個在前端和後端開發中廣泛使用的技術，將它們結合起來可以為企業級應用的開發和部署帶來許多優勢。本文將透過程式碼範例介紹如何使用Vue.js和ASP.NET進行企業級應用的開發和部署。首先，我們需要安裝

如何在ASP.NET程式中正確設定和使用MySQL連線池？ Jun 29, 2023 pm 12:56 PM

如何在ASP.NET程式中正確設定和使用MySQL連線池？隨著互聯網的發展和資料量的增加，對資料庫的存取和連接需求也不斷增加。為了提高資料庫的效能和穩定性，連接池成為了一個必備的技術。本文主要介紹如何在ASP.NET程式中正確配置和使用MySQL連接池，以提高資料庫的效率和回應速度。一、連接池的概念和作用連接池是一種重複使用資料庫連接的技術，在程式初始

ASP.NET中使用並最佳化MySQL連線池的事務效能 Jun 30, 2023 pm 12:12 PM

如何在ASP.NET程式中正確使用並最佳化MySQL連線池的事務效能？在ASP.NET程式中，資料庫事務是非常重要的一環。事務可以確保資料庫的一致性和完整性，同時也可以提供更好的效能。而在使用MySQL資料庫時，利用連線池來管理連線資源和最佳化效能是不可或缺的。首先，讓我們簡單了解一下MySQL連接池的概念。連接池是一組連接的緩衝池，透過預先初始化一定數量的數

使用Visual Studio在Linux上進行ASP.NET開發的建議配置 Jul 06, 2023 pm 08:45 PM

使用VisualStudio在Linux上進行ASP.NET開發的建議配置概述：隨著開源軟體的發展和Linux作業系統的普及，越來越多的開發者開始在Linux上進行ASP.NET開發。而作為一款功能強大的開發工具，VisualStudio在Windows平台上一直佔有主導地位。本文將介紹如何在Linux上設定VisualStudio來進行ASP.NE

See all articles

CodeIgniter框架入门教程——第三课 URL及ajax_PHP教程

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題