zoukankan      html  css  js  c++  java
  • js zend framework 实现ajax

    前段代码

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="StartXmlHttpRequestChuanZhi.aspx.cs" Inherits="XmlHttpRequestTest.StartXmlHttpRequestChuanZhi" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title></title>
        <script language="javascript">
        var userName;  
        var passWord;  
        var xmlHttpRequest;   
        //XmlHttpRequest对象  
        function createXmlHttpRequest(){  
            if(window.ActiveXObject){ //如果是IE
                return new ActiveXObject("Microsoft.XMLHTTP");  
            }else if(window.XMLHttpRequest){ //非IE浏览器  
                return new XMLHttpRequest();  
            }  
        }   
        function onLogin(){  
            var url = "http://localhost:8080/testfunction/index";
            //1.创建XMLHttpRequest组建  
            xmlHttpRequest = createXmlHttpRequest();  
              
            //2.设置回调函数  
            xmlHttpRequest.onreadystatechange = HuiDiaoFun;  
              
            //3.初始化XMLHttpRequest组建  
            xmlHttpRequest.open("post",url,true);  
              
            //4.发送请求  
            xmlHttpRequest.send(null);    
        }        
        //回调函数  
        function HuiDiaoFun(){  
            if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200){
                var valueReturned = xmlHttpRequest.responseText;
    			alert(valueReturned);
            }  
        } 
        </script>
    </head>
    <body >
        <form id="form1">
        <div>
                <input id="btnRequest" type="button" value="请求数据"  onclick="onLogin()"/></div>
        </form>
    </body>
    </html>
    

    zend 端 发送的数据

    class TestFunctionController  extends Zend_Controller_Action {
        //put your code here
        public function indexAction()
        {
            echo 'test';
        }
    }
    

  • 相关阅读:
    JSON序列化选项
    JOSN的stringify()和parse()方法
    html5增强元素--续
    html5页面增强元素
    js继承模式
    js常用设计模式
    js跨浏览器事件处理
    前端兴趣浓厚,后端提不起来兴趣
    padding的讲究
    margin的讲究
  • 原文地址:https://www.cnblogs.com/zcy_soft/p/1993394.html
Copyright © 2011-2022 走看看