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