首页 > PHP资讯 > HTML5培训技术 > jQueryAjax处理演示程序

jQueryAjax处理演示程序

HTML5培训技术
    //Jquery Ajax处理跳转
    function doAjax() {
        $.ajax({
 url:"/action/doSomething.jsp",
 dataType:"json", //返回的数据类型,text 或者 json数据,建议为json
 type:"post", //传参方式,get 或post
 data:{uid:"123123" //传过去的参数,格式为 变量名:变量值
       },
            error:function(msg){  //若Ajax处理失败后回调函数,msg是返回的错误信息
     alert( "Ajax跳转处理失败");
            },
            success:function(text) { //若Ajax处理成功后的回调函数,text是返回的页面信息
     alert("Ajax处理已成功:" + text);
            }
        });
    }
    完整的页面代码示例:
    ajax.jsp 页面代码示例:
    pageEncoding="UTF-8"%>
    //Jquery Ajax处理跳转
    function doAjax() {
        $.ajax( {
            url :"/doAjax.jsp",
            dataType :"text", //传参的数据类型
            type :"post", //传参方式,get 或post
            data :{
     txt : "这是变量值" //传过去的参数,格式为 变量名:变量值
            },
            error :function(msg) { //若Ajax处理失败后返回的信息
     alert("Ajax跳转处理失败");
            },
            success :function(text) { //若Ajax处理成功后返回的信息
     document.getElementById("txt").innerHTML ="Ajax处理已成功,返回的信息:" + text;
     alert("Ajax处理已成功");
            }
        });
    }
    doAjax.jsp 页面代码示例:
    pageEncoding="UTF-8"%>
        String txt =request.getParameter("txt");
        out.println(txt);
    %>

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持12不支持0