Javaweb实训项目中使用到的ajax

1.下拉框

function addRoles() {
        $.ajax({
            url : "json/role_listAll", //后台webservice里的方法名称 
            type : "post",
            dataType : "json",
            contentType : "application/json",
            traditional : true,
            success : function(data) {
                var optionstring = "";
                for ( var i in data) {

                    //alert(data[i].desc);
                    optionstring += "";
                    $("#role")
                            .html(
                                    " "
                                            + optionstring);
                }
            },
            error : function(msg) {
                alert("出错了!");
            }
        });
    };
对应的HTML
<td>
<select id="role" name="u.role_id">select>
td>

2.检查账户


function checkAccount() {

        $.ajax({
            type : "POST",
            //使用struts2+struts2-json-plugin-2.2.1.jar的,这些都不用设置  

            url : "json/user_checkAccount",
            data : {
                "u.account" : $("#uaccount").val()
            },
            success : function(data) {
                //alert(data);
                $("#msg").html(data);
            }
        });
    }

3.判断有没有下属或员工(数据库中的表中有外键的)
(当初百度了好多答案)最后终于调试成功,毕竟第一次使用ajax。

<script type="text/javascript">
    function ifStaff(id) {     
       var result = false;//不能直接在里面return真假
        $.ajax({
            async:false,//同步
            type : "POST", 
            url : "json/user_ifStaff?id="+id,
            success : function(data) {

                if(data>0) { //后台查询有没有
                //alert(data);
                result=false;}
                else {result=true;}
            }
        }); 
        return result;
    }
    function hasTask(id) { 
       var result = false;
        $.ajax({
            async:false,
            type : "POST", 
            url : "json/user_hasTask?id="+id,
            success : function(data) {

                if(data>0) { 
                //alert(data);
                result=false;}
                else {result=true;}
            }
        }); 
        return result;
    }
script>
<script type="text/javascript">
//从jsp页面中拿到id
function del(id){
    if(ifStaff(id)&&hasTask(id)){
        if(confirm("确认删除?")){   
            location.href="user_Delete?id="+id;
            }
        }
    else{
        alert("不能删除!有下属或者有任务");
        }        
}
script>

Struts中配置

"json" namespace="/json" extends="json-default">
        "user_*" class="edu.tjpu.task.action.UserAction"
            method="{1}">
            <result type="json">
                <param name="noCache">trueparam>
                <param name="contentType">text/htmlparam>
                <param name="root">mlistparam>
            result>
            <result type="json" name="addStaff">
                <param name="noCache">trueparam>
                <param name="root">slistparam>
            result>
            <result type="json" name="check">
                <param name="noCache">trueparam>
                <param name="root">msgparam>
            result>
            <result type="json" name="ifStaff">
                <param name="noCache">trueparam>
                <param name="root">hasStaffparam>
            result>
            <result type="json" name="ifTask">
                <param name="noCache">trueparam>
                <param name="root">hasTaskparam>
            result>
        
        "role_*" class="edu.tjpu.task.action.RoleAction"
            method="{1}">
            <result type="json">
                <param name="noCache">trueparam>
                <param name="contentType">text/htmlparam>
                <param name="root">rlistparam>
            result>
        

    

你可能感兴趣的:(Javaweb,ajax,java,web)