CodeIgniter フレームワーク入門チュートリアル - レッスン 3 URL と ajax

ホームページ

バックエンド開発

PHPチュートリアル

CodeIgniter フレームワーク入門チュートリアル - レッスン 3 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ツール

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7450

CakePHP チュートリアル

1374

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

NYTの接続はヒントと回答です

Related knowledge

Vue.js と ASP.NET の組み合わせは、Web アプリケーションのパフォーマンスの最適化と拡張のためのヒントと提案を提供します。 Jul 29, 2023 pm 05:19 PM

Vue.js と ASP.NET の組み合わせは、Web アプリケーションのパフォーマンスの最適化と拡張のためのヒントと提案を提供します。Web アプリケーションの急速な開発に伴い、パフォーマンスの最適化は開発者にとって不可欠かつ重要なタスクになっています。人気のフロントエンドフレームワークとして、Vue.js を ASP.NET と組み合わせることで、より優れたパフォーマンスの最適化と拡張を実現できます。この記事では、いくつかのヒントと提案を紹介し、いくつかのコード例を示します。 1. HTTP リクエストの削減 HTTP リクエストの数は、Web アプリケーションの読み込み速度に直接影響します。合格

ASP.NET プログラムにおける MySQL 接続プールの使用法と最適化手法 Jun 30, 2023 pm 11:54 PM

ASP.NET プログラムで MySQL 接続プールを正しく使用し、最適化するにはどうすればよいですか?はじめに: MySQL は、高いパフォーマンス、信頼性、使いやすさを特徴とする、広く使用されているデータベース管理システムです。 ASP.NET 開発では、データストレージに MySQL データベースを使用することが一般的な要件です。データベース接続の効率とパフォーマンスを向上させるには、MySQL 接続プールを正しく使用し、最適化する必要があります。この記事では、ASP.NET プログラムで MySQL 接続プールを正しく使用し、最適化する方法を紹介します。

生成 AI がソフトウェア開発を変える 10 の方法 Mar 11, 2024 pm 12:10 PM

翻訳者 | Chen Jun によるレビュー | Chonglou 1990 年代、ソフトウェアプログラミングというと、通常、エディタを選択し、コードを CVS または SVN コードベースにチェックインし、コードを実行可能ファイルにコンパイルすることを意味していました。 Eclipse や Visual Studio などの対応する統合開発環境 (IDE) は、プログラミング、開発、ドキュメント化、構築、テスト、展開、その他のステップを完全なソフトウェア開発ライフサイクル (SDLC) に統合できるため、開発者の作業効率が向上します。近年、人気のクラウドコンピューティングと DevSecOps 自動化ツールにより、開発者の包括的な能力が向上し、より多くの企業がソフトウェアアプリケーションを開発、展開、保守することが容易になりました。今日、生成 AI は次世代の開発です

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 は、フロントエンドとバックエンドの開発で広く使用されている 2 つのテクノロジであり、これらを組み合わせることで、エンタープライズレベルのアプリケーションの開発と展開に多くの利点をもたらします。この記事では、コード例を通じて、Vue.js と ASP.NET を使用してエンタープライズレベルのアプリケーションを開発およびデプロイする方法を紹介します。まず、インストールする必要があります

ASP.NETプログラムでMySQL接続プールを正しく構成して使用する方法は? Jun 29, 2023 pm 12:56 PM

ASP.NETプログラムでMySQL接続プールを正しく構成して使用する方法は?インターネットの発展とデータ量の増加に伴い、データベースへのアクセスと接続の需要も増加しています。データベースのパフォーマンスと安定性を向上させるために、接続プーリングは不可欠なテクノロジーになっています。この記事では、データベースの効率と応答速度を向上させるために、ASP.NET プログラムで MySQL 接続プールを正しく構成および使用する方法を主に紹介します。 1. コネクションプーリングの概念と機能コネクションプーリングはデータベースコネクションを再利用する技術であり、プログラムの冒頭で使用されます。

ASP.NET での MySQL 接続プールのトランザクションパフォーマンスの使用と最適化 Jun 30, 2023 pm 12:12 PM

ASP.NET プログラムで MySQL 接続プールのトランザクションパフォーマンスを正しく使用し、最適化するにはどうすればよいですか? ASP.NET プログラムでは、データベーストランザクションは非常に重要な部分です。トランザクションにより、データベースの一貫性と整合性が確保されると同時に、パフォーマンスも向上します。 MySQL データベースを使用する場合、接続リソースを管理し、パフォーマンスを最適化するために接続プールを使用することが不可欠です。まず、MySQL 接続プールの概念を簡単に理解しましょう。接続プールは、接続グループのバッファプールです。

aspnet の組み込みオブジェクトとは何ですか? Nov 21, 2023 pm 02:59 PM

ASP.NET の組み込みオブジェクトには、「リクエスト」、「レスポンス」、「セッション」、「サーバー」、「アプリケーション」、「HttpContext」、「Cache」、「Trace」、「Cookie」、および「Server.MapPath」: 1. リクエスト、クライアントによって発行された HTTP リクエストを示します; 2. レスポンス: Web サーバーによって返された HTTP 応答を示します。クライアントなど

See all articles

CodeIgniter フレームワーク入門チュートリアル - レッスン 3 URL と ajax_PHP チュートリアル

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック