AJAX 创建XMLHttpRequest对象联动

来源：互联网发布：网络通信编程 python 编辑：程序博客网时间：2024/06/03 13:22

//用于创建XMLHttpRequest对象
    function createXmlHttp() {
        var xmlHttp;
        //根据window.XMLHttpRequest对象是否存在使用不同的创建方式
        if (window.XMLHttpRequest) {
            xmlHttp = new XMLHttpRequest();//FireFox、Opera等浏览器支持的创建方式
        } else {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器支持的创建方式
        }
        return xmlHttp;
    }

     //由电话模板名称引出的联动
    function telModel(telModelID) {
        if(telModelID!=""){
            //创建XmlHttpRequest对象
            var xmlHttp = createXmlHttp();
            xmlHttp.onreadystatechange = function(){
                selectTelContent(xmlHttp);
            };
            xmlHttp.open("GET", "tel.do?parm=getTelContent&telModelID="+telModelID, true);
            xmlHttp.send(null);
        }
    }

    //将服务器响应信息写入页面div中
    function selectTelContent(xmlHttp) {
        if (xmlHttp.readyState == 4) {
            document.getElementById("id_telContent").innerHTML = xmlHttp.responseText;
        }
    }

</script>

=============================================================================

<tr>
                <td>模板名称：</td>
                <td>
                    <html:select property="telModelName" onchange="telModel(value);">
                    <OPTION value="" >--请选择--</OPTION>
                        <c:forEach items="${sessionScope.telModelName}" var="List">
                            <html:option value="${List.telModelID}">${List.telModelName}</html:option>
                        </c:forEach>
                    </html:select>
                </td>
            </tr>
            <tr>
            <td>送达内容 *：</td>
            <td>
                <div id=id_telContent>
                    <html:textarea property="telContent" cols="20" rows="8"
                        onkeypress="CountChineseCharacters();"
                        onchange="CountChineseCharacters();">
                    </html:textarea>
                </div>
            </td>
            </tr>

================================================================================

            String telModelID=(String)request.getParameter("telModelID");

            TelDao dao =new TelDao();
            List list=dao.getOneTelModel(telModelID);

            TelModel telModel=new TelModel();
            Iterator it = list.iterator();
            String str = "" ;
            while (it.hasNext()) {
                telModel=(TelModel)it.next();
                String msgBegin=telModel.getTelBegin();
                String msgContent=telModel.getTelContent();
                String msgEnd=telModel.getTelEnd();
                String tel=msgBegin+msgContent+msgEnd;
                str="<textarea name=/"telContent/" cols=/"20/" rows=/"8/" onkeypress=/"CountChineseCharacters();/" onchange=/"CountChineseCharacters();/">"+tel+ "</textarea> ";
            }
            PrintWriterOut out=new PrintWriterOut();
            out.setPrintWeriOut(response, str);
            return null;

=================================================================================

public void setPrintWeriOut(HttpServletResponse response,String str ){
        try {
            PrintWriter out;
            response.setContentType("text/html;charset=utf-8");
            out = response.getWriter();
            out.print(str);

        } catch (IOException e) {
            e.printStackTrace();
        }
    }

AJAX 创建XMLHttpRequest对象 联动

AJAX 创建XMLHttpRequest对象联动