javascript post数据到WCF反馈json或者XML

< script language = " javascript "  type = " text/javascript " >
// 创建XMLHTTP
function  createXMLHTTP(){
var  httpRequest;
      try  {
        httpRequest  =   new  XMLHttpRequest();
     }
      catch  (e) {
          try  {
             httpRequest  =   new  ActiveXObject( " Msxml2.XMLHTTP " );
         }
          catch  (e) {
             try  {
                httpRequest  =   new  ActiveXObject( " Microsoft.XMLHTTP " );
             }
             catch  (e) {
                 return   null ;
            }
        }
    }
     return  httpRequest;
}
// 构造XML格式的文本
function  createXML(){
   var  id  =  document.getElementById( " id " ).value;  
   var  title  =  document.getElementById( " title " ).value;
   var  content  =  document.getElementById( " content " ).value;
   var  xml  =   ' <?xml version="1.0" encoding="utf-8" ?> ' ;
  xml += ' <soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema"> ' ;
  xml += ' <soap:Body> ' ;
  xml += ' <XmlService xmlns="http://tempUri.org/"> ' ;
   // var xml = '';
  xml += ' <id type="number"> ' + id + ' </id> ' ;
  xml += ' <mytitle type="string"> ' + title + ' </mytitle> ' ;
  xml += ' <mycontent type="string"> ' + content + ' </mycontent> ' ;
  xml += ' </XmlService></soap:Body></soap:Envelope> ' ;
   return  xml;
}
// 构造JSON字符串
function  createJSON(){
   var  id  =  document.getElementById( " id " ).value;  
   var  title  =  document.getElementById( " title " ).value;
   var  content  =  document.getElementById( " content " ).value;
   var  json  =   ' {"id": ' + id + ' ,"mytitle":" ' + title + ' ","mycontent":" ' + content + ' "} ' ;
   return  json;
}
// 异步调用服务器
function  callServer(postType) { 
var  xmlHttp  = createXMLHTTP();
if  (xmlHttp  ==   null ) {alert( ' 浏览器不支持ajax ' ); return ;}
xmlHttp.onreadystatechange  =   function (){
  if  (xmlHttp.readyState  ==   4 ) {callBack(xmlHttp.responseText)}
}
var  body;
var  contentType;
var  url;
if (postType  ==   ' json ' ){
    body  =  createJSON();
    contentType  =   " application/json " ;
    url  =   " /JsonXmlService.svc/JsonService " ;
}
if (postType  ==   ' xml ' ){
    body  =  createXML();
    contentType  =   " text/xml " ;
    url  =   " /JsonXmlService.svc/XmlService " ;
}
xmlHttp.open( " POST " , url,  true );
xmlHttp.setRequestHeader( " Content-type " , contentType);
xmlHttp.send(body);
}
// 回调事件
function  callBack(responseText){
alert(responseText);
}
< / script>

< div >
    文章标题： < input  type ="text"  id ="title"   />< br  />
    文章内容： < textarea  rows =""  cols =""  id ="content" ></ textarea >
     < input  type ="hidden"  id ="id"  value ="1"   />< br  />
     < input  type ="button"   value ="以JSON方式提交"  onclick ="callServer('json');"   />
     < input  type ="button"   value ="以XML方式提交"  onclick ="callServer('xml');"   />
     </ div >