马士兵视频学习复习归纳（一）

一、Ajax

异步 javascript and xml

1.      在js 里

Var req;

根据不同浏览器创建不同对象

if (window.XMLHttpRequest) {// code for IE7+,Firefox, Chrome, Opera, Safari

       req= newXMLHttpRequest();

     }else{// code for IE6, IE5

       req= newActiveXObject("Microsoft.XMLHTTP");

   }

2.

req.open(“GET”,url,true);

第三个参数：是否为异步

3.

Req.onreadystatechange = callback;

4.

Req.send(null);

 

5.

写callback 函数，

一般要判断req.readyState == 4

       和req.status == 200

Var msg = req.responseText获得反馈

 

如下

function callback() {

     if(req.readyState == 4) {

       if(req.status == 200) {

         var msg = req.responseText;

         msg= msg.replace(/(^\s*)|(\s*$)/g,"");

         parse(msg);

       }

     }

  }

 

二．

商品类别的二级联动展示

C1.length = 几

C1.options[i].text = “…”;

C1.options[i].value = “…”;

C1.selectedIndex 被选中的是哪个

 

二级联动有4种方法，先写好一级

1.加载页面时一次性把js代码生成好

当一级change时，onchange里：

If(选的是 aaa) {

   C2.length = …;

   C2.options[1] =…;

   ….

} else If(选的是 bbb) {

   C2.length = …;

   C2.options[1] =…;

   ….

} …

以上代码页面加载时就已经写好

 

2.用ajax

一级change时再从服务器拿东西生成，用xml

3.同二，但不用xml,写成一个str自己解析，也可以直接把js代码生成好传过来

4.用內帧，现在被淘汰了

 

三．组件（具体直接百度取）

1.文件上传组件

需要commons-fileupload-1.3.1.jar，commons-io-2.4.jar

页面：

<form action="../FileUpload" method="post" enctype="multipart/form-data"name="form1">

//表单属性enctype="multipart/form-data"   

<input type="hidden"name="id" value="<%= id %>"/>

   <input type="file" name="file"/>

   <input type="submit" name="submit"value="upload"/>

   </form>

   <form action="../FileUpload" method="post" enctype="multipart/form-data"name="uploadform">

   <table>

   <tr>

        <td>

        文件1：<input type="file" name="X"size="40"/>

        </td>

   </tr>

   <tr>

        <td>

        文件2：<input type="file" name="Y"size="40"/>

        </td>

   </tr>

   <tr>

        <td>

        文件3：<input type="file" name="Z"size="40"/>

        </td>

   </tr>

   </table>

   <input type="submit" name="upload"value="开始上传"/>

    </form>

2.报表组件

需要jcommon-版本号.jar,jfreechart-版本号.jar

3.电子邮件

四．jsp自定义标签