ASP에서 jQuery로 'WebMethod' 호출.NET 웹 양식
다음에서 중단점을 설정했습니다.WebMethod하지만 난 절대 중단점에 도달하지 않아요
cs:
[WebMethod]
public static string search()
{
return "worked";
}
aspx:
function search() {
$.ajax({
type: "POST",
url: "ProcessAudit/req_brws.aspx/search",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
alert(msg)
}
});
}
<button id = "btnSearch" onclick = "search()" >Search</button>
에서 페이지 메서드를 사용 가능으로 설정했는지 확인합니다.ScriptManager요소:
<asp:ScriptManager ID="scm" runat="server" EnablePageMethods="true" />
또한 onclick 핸들러 내부에서 false를 반환하여 버튼의 기본 작업을 취소했습니다. 그렇지 않으면 페이지가 전체 포스트백을 수행하고 AJAX 호출을 완료할 시간이 없을 수 있습니다.다음은 완전한 작동 예입니다.
<%@ Page Language="C#" %>
<script type="text/c#" runat="server">
[System.Web.Services.WebMethod]
public static string search()
{
return "worked";
}
</script>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title></title>
</head>
<body>
<form id="Form1" runat="server">
<asp:ScriptManager ID="scm" runat="server" EnablePageMethods="true" />
<button id="btnSearch" onclick="search(); return false;" >Search</button>
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
function search() {
$.ajax({
type: 'POST',
url: '<%= ResolveUrl("~/default.aspx/search") %>',
data: '{ }',
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (msg) {
alert(msg.d)
}
});
}
</script>
</body>
</html>
또 다른 방법은 클릭 핸들러를 눈에 띄지 않게 구독하는 것입니다.
<button id="btnSearch">Search</button>
그런 다음 별도의 Javascript 파일 내부:
$('#btnSearch').click(function() {
$.ajax({
type: 'POST',
url: '<%= ResolveUrl("~/default.aspx/search") %>',
data: '{ }',
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (msg) {
alert(msg.d)
}
});
return false;
});
또한 의 사용 방법을 확인할 수 있습니다.msg.dASP를 성공 콜백 안에 있는 속성입니다.NET은 전체 응답을 사용할 뿐만 아니라 사용할 때도 사용합니다.ResolveUrl페이지 메소드에 대한 URL을 하드 코딩하는 대신 적절하게 생성하는 메소드입니다.
보다 최적화된 통화는
function search() {
$.ajax({
type: "POST",
url: '<%= ResolveUrl("~/ProcessAudit/req_brws.aspx/search") %>',
data: "{}",
contentType: "application/json",
success: function (msg) {
msg = msg.hasOwnProperty("d") ? msg.d : msg;
alert(msg);
}
});
}
제공할 필요가 없습니다.asp:ScriptManager조금도.
리소스: http://encosia.com/using-jquery-to-directly-call-aspnet-ajax-page-methods/
현재 단추로 인해 전체 포스트백이 발생하고 있습니다.버튼에 type="button"을 추가하면 이 문제가 발생하지 않습니다.
<button id = "btnSearch" type="button" onclick = "search()" >Search</button>
-샤차묘
ASP를 구현하는 방법.JQuery AJAX를 사용한 넷 웹 방법?
HTML 페이지:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="js/jquery.min.js"></script>
<script>
function SubmitData() {
var name = 'Ram';
var gender = 'Male';
var age = '30';
$.ajax({
type: "POST",
url: "ajaxcall.aspx/SaveData",
data: '{"name":"' + name + '", "gender":"' + gender + '", "age":"' + age + '"}',
contentType: "application/json; charset=utf-8",
dataType: "json",
beforeSend: function () {
$('#loader').show();
},
success: function (data) {
alert(data.d);
$('#loader').hide();
},
error: function (msg) {
//alert('3');
msg = "There is an error";
alert(msg);
$('#loader').hide();
}
});
}
</script>
</head>
<body>
<div id="loader" style="display: none;">
<img src="ajax-loader.gif" />
</div>
<a href="#" onclick="SubmitData();">Submit</a>
</body>
</html>
코드 배경:
[WebMethod]
public static string SaveData(string name, string gender, string age) {
try {
return "OK";
} catch (Exception ex) {
return ex.Message;
} finally { }
}
리소스: http://www.sharepointcafe.net/2016/10/how-to-call-aspnet-web-method-using-jquery-ajax.html
App_Start/RouteConfig.js에서 다음 행을 주석 처리합니다.
settings.AutoRedirectMode = RedirectMode.Permanent;
또한 ASP에 EnablePageMethods="true"가 있는지 확인합니다.Darin Dimitrov가 말한 것처럼 ScriptManager 여는 태그:
<asp:ScriptManager runat="server" EnablePageMethods="true">
마지막으로 웹 메서드가 공개 정적이고 전달된 매개 변수가 올바른 데이터 유형인지 확인합니다.이러한 각 문제는 웹 메서드가 호출되지 않는 원인이 될 수 있습니다.
언급URL : https://stackoverflow.com/questions/6928533/calling-a-webmethod-with-jquery-in-asp-net-webforms
'programing' 카테고리의 다른 글
| 텍스트 파일에서 줄 읽기, 처음 두 줄 건너뛰기 (0) | 2023.08.27 |
|---|---|
| jQuery를 사용하여 iframe 다시 로드 (0) | 2023.08.27 |
| JQuery로 GET 및 POST 변수를 가져오는 방법은 무엇입니까? (0) | 2023.08.27 |
| Access-Control-Allow-Origin: *을(를) 사용하여 도메인 간 Ajax 호출을 허용하는 브라우저는 무엇입니까? (0) | 2023.08.27 |
| jQuery를 사용하여 텍스트 문자열을 찾으시겠습니까? (0) | 2023.08.27 |