JQuery操作SharePoint Web Services之添加列表数据

上一篇中我介绍了JQuery操作SharePoint Web Services之查询列表数据 ,这一篇我介绍一下添加列表数据 。

一些基本的要求和上一篇一样，效果图如下：

输入 Title和City的值，列表项的数据就会更新。（不过需要你刷新一下页面，原理嘛，大家都知道）

代码如下：

 

Title: < input type = " text "  id = " txtNewTitle "   / > <br  / >
City: < input type = " text "  id = " txtNewCity "   / > <br  / >
< input type = " button "  id = " btnAddCity "  value = " Add New City "  onclick = " AddCity('txtNewTitle','txtNewCity') "   / > 

< script language = " javascript "  src = " /js/jquery-1.3.2.min.js "  type = " text/javascript " >< / script>
< script language = " javascript "  type = " text/javascript " >

function  AddCity(titleId,cityId) {
     var  title = $( " # " + titleId).val();
     var  city = $( " # " + cityId).val();
     var  batch  =
         " <Batch OnError='Continue'> \
        <Method ID='1'  Cmd='New' > \
        < Field Name='Title'> " + title + " </Field > \
        < Field Name='City'> " + city + " </Field > \
        </Method> \
        </Batch> " ;    

    var  soapEnv  =
         " <soapenv:Envelope xmlns:soapenv='http://schemas.xmlsoap.org/soap/envelope/'> \
             <soapenv:Body> \
            < UpdateListItems  xmlns='http://schemas.microsoft.com/sharepoint/soap/'> \
            <listName>TestList</listName> \
            < updates> "   +  batch  +   " </updates> \
            </UpdateListItems> \
            </soapenv:Body> \
            </soapenv:Envelope> " ;

                
    $.ajax({
        url:  " /sites/learner/_vti_bin/lists.asmx " ,
        beforeSend:  function (xhr) {
            xhr.setRequestHeader( " SOAPAction " ,
             " http://schemas.microsoft.com/sharepoint/soap/UpdateListItems " );
        },
        type:  " POST " ,
        dataType:  " xml " ,
        data: soapEnv,
        complete: processResult,
        contentType:  " text/xml; charset=utf-8 "
    });

}


function  processResult(xData, status) {
    alert(status);
}
< / script>

 

需要注意的地方已经在代码中标识。