Jsonとブートストラップを持つWCF

Question

ボタン付きの簡単なブートストラップページがあり、ボタンをクリックするとモーダルが開きます。

質問はモーダルコンテンツであるか、モーダルボディはwcfデータで埋められるべきです、ウェブページとwcf jsonデータの両方がIISでホストされます。誰でもこの達成方法を教えてください。事前に

おかげでenter image description here

Answer 1

何をする必要がWCFのメソッドを呼び出しますjqueryのでAJAX呼び出しをすることです。以下は、あなたがサービスを呼び出す方法です。

var Type; 
var Url; 
var Data; 
var ContentType; 
var DataType; 
var ProcessData; 
function WCFJSON() { 
    var userid = "1"; 
    Type = "POST"; 
    Url = "Service.svc/GetUser"; 
    Data = '{"Id": "' + userid + '"}'; 
    ContentType = "application/json; charset=utf-8"; 
    DataType = "json"; varProcessData = true; 
    CallService(); 
} 
// Function to call WCF Service  
function CallService() { 
    $.ajax({ 
     type: Type, //GET or POST or PUT or DELETE verb 
     url: Url, // Location of the service 
     data: Data, //Data sent to server 
     contentType: ContentType, // content type sent to server 
     dataType: DataType, //Expected data format from server 
     processdata: ProcessData, //True or False 
     success: function(msg) {//On Successfull service call 
      ServiceSucceeded(msg); 
     }, 
     error: ServiceFailed// When Service call fails 
    }); 
} 
function ServiceSucceeded(result) { 
if (DataType == "json") { 
    $("#ModalBody").html(result) 
}