我有一个RESTful webservice,我可以在已发布的服务器上成功ping,以作为演示返回测试。我试着把一些代码放在一个方法来调用,但似乎在AJAX调用上失败了。我不知道错误在哪里,因为我不在localhost上运行服务器。我知道正确调用web服务,因为语法与设计中的测试相同
我有类似的方式,但它不是RESTful,所以我相应地迁移了所有数据,所以我知道方法中的代码可以正常工作。
下面发布了AJAX电话:
$.ajax({
type: 'GET',
url: WEBSERVICE_URL + 'getWebFormDesignFieldContents',
data: JSON.stringify({
'pr_id': LOGGED_IN_PR_ID,
'fe_name': opts,
'_count': 200, //this might need to be adjusted slightly. I may want to make it more OR less.
'_also_search_fe_desc': true,
'opts': opts
}),
contentType: 'application/json; charset=utf-8',
dataType: 'jsonp',
success: function (result) {
//success
var r = $(result.getWebFormDesignFieldContentsResult)[0];
var div = $("<div class='modal'>").html(r.d);
/*
var d = document.createElement("div");
d.className = "modal";
d.appendChild(r[0]);
*/
$("div.modal").replaceWith(div);
$("div.modal #queryInput").val(opts);
$("div.modal").css({
top: $(window).height() / 2 - $("div.modal").height() / 2,
left: $(window).width() / 2 - $("div.modal").width() / 2
});
$("div.modal").fadeIn();
},
error: function (result) {
//error
//alert("Error: "+result.statusText);
alert(result.statusText);
//$("div.modal").replaceWith($("<div class = 'modal'>").html(result.responseText));
//$("div.modal").fadeIn();
$("div.overlay").fadeOut();
}
});
Webservice接口:
[OperationContract]
[WebInvoke(Method = "POST",
ResponseFormat = WebMessageFormat.Json,
BodyStyle = WebMessageBodyStyle.Wrapped,
UriTemplate = "getWebFormDesignFieldContents")]
string getWebFormDesignFieldContents(WebFormFieldClass inputData);
Webservice功能
public string getWebFormDesignFieldContents(string pr_id, string fe_name, string _count, string _also_search_fe_desc, string opts)
{
int count = Convert.ToInt32(_count);
bool also_search_fe_desc = Convert.ToBoolean(_also_search_fe_desc);
...
}
[DataContract]
public class WebFormFieldClass
{
[DataMember]
public string pr_id { get; set; }
[DataMember]
public string fe_name { get; set; }
[DataMember]
public int count { get; set; }
[DataMember]
public string also_search_fe_desc { get; set; }
[DataMember]
public string opts { get; set; }
}
答案 0 :(得分:1)
编辑:
Ok你的问题是你正在使用GET将JSON对象作为数据传递。
但很抱歉,使用GET请求您使用查询字符串参数。如果要发送整个JSON对象,则应使用POST。
你的URIParameter也会像这样添加一个前导斜杠'/'
/getWebFormDesignFieldContents
url:URL +'/ getWebFormDesignFieldContents',
您有两个选项可以发出POST请求,也可以使用GET传递您的参数 'pr_id'等作为UriTemplate参数
我已经像这样对我进行了测试:
<script src="Jquery-1.7.2.js" type="text/javascript"></script>
<script type="text/javascript">
var URL = 'http://localhost:11431/Service1.svc/getWebFormDesignFieldContents';
$.ajax({
type: 'POST',
contentType: 'application/json',
data: JSON.stringify({
'pr_id': 'ss',
'fe_name': 'ss',
'_count': 22, //this might need to be adjusted slightly. I may want to make it more OR less.
'_also_search_fe_desc': true,
'opts': 'kk'
}),
url: URL,
success: function (data) {
alert(data);
},
error: function (xhr, status, message) {
alert("Error: " + status + " " + message);
}
});
</script>
我的IService1.svc
[OperationContract]
[WebInvoke(Method = "POST",
ResponseFormat = WebMessageFormat.Json,
BodyStyle = WebMessageBodyStyle.Wrapped)]
string getWebFormDesignFieldContents(string pr_id, string fe_name, string _count, string _also_search_fe_desc, string opts);
答案 1 :(得分:0)
这个问题来自浏览器,或者看起来如此。所有这些信息都是正确的,但我得到的错误和问题来自IE及其对ajax的仇恨。另一个问题是,我们必须向ASP添加一堆引用,以允许程序成功处理来自目标的信息。