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 도구

뜨거운 도구

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7439

Cakephp 튜토리얼

1363

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

Related knowledge

Vue.js와 ASP.NET의 조합은 웹 애플리케이션의 성능 최적화 및 확장을 위한 팁과 제안을 제공합니다. Jul 29, 2023 pm 05:19 PM

Vue.js와 ASP.NET의 결합은 웹 애플리케이션의 성능 최적화와 확장을 위한 팁과 제안을 제공합니다. 웹 애플리케이션의 급속한 발전으로 인해 성능 최적화는 개발자에게 필수적이고 중요한 작업이 되었습니다. 인기 있는 프런트 엔드 프레임워크인 Vue.js를 ASP.NET과 결합하면 더 나은 성능 최적화 및 확장을 달성하는 데 도움이 될 수 있습니다. 이 문서에서는 몇 가지 팁과 제안 사항을 소개하고 몇 가지 코드 예제를 제공합니다. 1. HTTP 요청 감소 HTTP 요청 수는 웹 애플리케이션의 로딩 속도에 직접적인 영향을 미칩니다. 통과하다

생성 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 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 연결 풀을 올바르게 구성하고 사용하는 방법은 무엇입니까? 인터넷의 발달과 데이터 양의 증가로 인해 데이터베이스 접속 및 연결에 대한 수요도 증가하고 있습니다. 데이터베이스의 성능과 안정성을 향상시키기 위해서는 커넥션 풀링(Connection Pooling)이 필수적인 기술이 되었습니다. 이 기사에서는 ASP.NET 프로그램에서 MySQL 연결 풀을 올바르게 구성하고 사용하여 데이터베이스의 효율성과 응답 속도를 향상시키는 방법을 주로 소개합니다. 1. 커넥션 풀링의 개념과 기능 커넥션 풀링은 데이터베이스 커넥션을 재사용하는 기술이다.

aspnet에 내장된 개체는 무엇입니까? Nov 21, 2023 pm 02:59 PM

ASP.NET의 기본 제공 개체에는 "요청", "응답", "세션", "서버", "응용 프로그램", "HttpContext", "Cache", "Trace", "Cookie" 및 "Server.MapPath": 1. 클라이언트가 발행한 HTTP 요청을 나타내는 요청 2. 응답: 웹 서버가 클라이언트에 반환한 HTTP 응답을 나타냅니다. 클라이언트 등

Linux에서 Visual Studio를 사용한 ASP.NET 개발을 위한 권장 구성 Jul 06, 2023 pm 08:45 PM

Linux에서 ASP.NET 개발을 위해 Visual Studio를 사용하기 위한 권장 구성 개요: 오픈 소스 소프트웨어의 개발과 Linux 운영 체제의 인기로 인해 점점 더 많은 개발자가 Linux에서 ASP.NET을 개발하기 시작하고 있습니다. 강력한 개발 도구인 Visual Studio는 항상 Windows 플랫폼에서 지배적인 위치를 차지해 왔습니다. 이 문서에서는 Linux에서 ASP.NE용 VisualStudio를 구성하는 방법을 소개합니다.

See all articles

CodeIgniter框架入门教程——第三课 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 버전

뜨거운 주제