Maison > interface Web > js tutoriel > Méthode Ajax dans JQuery pour accéder au service Web instance_jquery

Méthode Ajax dans JQuery pour accéder au service Web instance_jquery

WBOY
Libérer: 2016-05-16 15:49:46
original
1158 Les gens l'ont consulté

L'exemple de cet article décrit la méthode ajax dans JQuery pour accéder aux services Web. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Description : ArrayList est stocké en tant qu'objet CollegeDepartInfo et ses attributs sont : Stirng CollegeDepartTitle et int CollegeDepartId En javascript, les paramètres ddlDepart.options[ddlDepart.length]=new Option(n.CollegeDepartTitle,n.CollegeDepartId) sont basés ; sur eux de. La dernière chose importante est : [ScriptService] ajouté au dessus de la classe doit être ajouté, sinon ajax ne peut pas appeler WebService

partie du code jquery :

$.ajax({
type: "POST",
//注明 返回Json
contentType:"application/json;utf-8",
//CollegeDepartWebServices.asmx web服务名 /GetCollegeDepart 方法名
url:"CollegeDepartWebServices.asmx/GetCollegeDepart",
//strDepartId 参数名称 collegeId 参数值
data:"{strDepartId:"+collegeId+"}",
dataType:"json",
success:function(result){          
  var json=null
   try
    {
    if(result)
    {
      //因为返回的是ArrayList 所以循环取出其中的值
      $.each(result, function(i, n){
      //ddlDepart 为下来菜单。循环的向下拉菜单中添加新的选项
      ddlDepart.options[ddlDepart.length]=new Option(n.CollegeDepartTitle,n.CollegeDepartId);
      });
    }
    }
    catch(e)
    {
     alert("错误>>"+e.message);
     return;
    }
   },
   error:function(data)
   {
   alert(data.status+">>> "+data.statusText);
   }
}); 

Copier après la connexion

Section CollegeDepartWebServices.asmx.cs :

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ScriptService]
public class CollegeDepartWebServices : System.Web.Services.WebService
{
  public CollegeDepartWebServices()
  {
    //如果使用设计的组件,请取消注释以下行 
    //InitializeComponent(); 
  }
  [WebMethod]
  [System.Xml.Serialization.XmlInclude(typeof(CollegeDepartInfo))]
  public ArrayList GetCollegeDepart(string strDepartId)
  {
    CollegeDepartBL.FlushCollegeDepartCache();
    if (string.IsNullOrEmpty(strDepartId))
      return null;
    ArrayList myList = CollegeDepartBL.GetCollegeDepartListByCollegeID(int.Parse(strDepartId));
    return myList;
  }
}

Copier après la connexion

J'espère que cet article sera utile à la conception de la programmation jquery de chacun.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal