1.新建demo.aspx頁面。
創(chuàng)新互聯(lián)公司是專業(yè)的三江侗網(wǎng)站建設(shè)公司,三江侗接單;提供成都網(wǎng)站制作、成都網(wǎng)站建設(shè),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行三江侗網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
2.首先在該頁面的后臺(tái)文件demos.aspx.cs中添加引用。
using System.Web.Services;
3.無參數(shù)的方法調(diào)用.
大家注意了,這個(gè)版本不能低于.net framework 2.0。2.0已下不支持的。
后臺(tái)代碼:[WebMethod]
public static string SayHello()
{
return "Hello Ajax!";
} JS代碼:
$(function() {
$("#btnOK").click(function() {
$.ajax({
//要用post方式
type: "Post",
//方法所在頁面和方法名
url: "Demo.aspx/SayHello",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
//返回的數(shù)據(jù)用data.d獲取內(nèi)容
alert(data.d);
},
error: function(err) {
alert(err);
}
});
//禁用按鈕的提交
return false;
});
});
頁面代碼:
form id="form1" runat="server"
div
asp:Button ID="btnOK" runat="server" Text="驗(yàn)證用戶" /
/div
/form
3.有參數(shù)方法調(diào)用
后臺(tái)代碼:[WebMethod]
public static string GetStr(string str, string str2)
{
return str + str2;
} JS代碼:
$(function() {
$("#btnOK").click(function() {
$.ajax({
type: "Post",
url: "demo.aspx/GetStr",
//方法傳參的寫法一定要對,str為形參的名字,str2為第二個(gè)形參的名字
data: "{'str':'我是','str2':'XXX'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
//返回的數(shù)據(jù)用data.d獲取內(nèi)容
alert(data.d);
},
error: function(err) {
alert(err);
}
});
//禁用按鈕的提交
return false;
});
});
如果是本js的方法,就直接調(diào)用函數(shù)就行
下面試js調(diào)用別的js的方法
方法一,在調(diào)用文件的頂部加入下例代碼:
document.write(”script language=javascript src=’/js/import.js’/script”);
(注:有時(shí)你引用的文件還可能需要引用其他的js,我們需要將需要的那個(gè)js文件也以同樣的方法引用進(jìn)來)
方法二,通過中間界面對js進(jìn)行應(yīng)用
就是我們可以在某個(gè)html中引用了你需要的js文件,我們可以通過拿到那個(gè)html文件的對象,然后在通過這個(gè)對象去引用js的方法。
(一般不常用,這個(gè)在我做項(xiàng)目的時(shí)候用過一次)
方法三:在將下邊代碼放入Body中:
new_element=document.createElement(”script”);
new_element.setAttribute(”type”,”text/javascript”);
new_element.setAttribute(”src”,”import.js”);
document.body.appendChild(new_element);
比如定義的方法如下:
function objectClass(){
alert("這是自己定義的方法");
}
調(diào)用這個(gè)方法:
function useObjectClass(){
objectClass();
}
那么當(dāng)事件觸發(fā)useObjectClass()方法時(shí),就會(huì)調(diào)用objectClass()方法了。
1、首先建立一個(gè)靜態(tài)頁面命名為js.html,標(biāo)題為“JS函數(shù)調(diào)用的方法”。
2、在js.html的頁面head/head之間加入 script/script。
3、在?script/script中加入一個(gè)js函數(shù) toalert,當(dāng)點(diǎn)擊一個(gè)button的時(shí)候彈出一個(gè)alert。
4、在body之中加入一個(gè)button,并且添加一個(gè)onclick點(diǎn)擊事件。
5、在onclick的事件中,加入js的toalert函數(shù)名,加載onclick事件的雙引號(hào)中即可。
6、為了讓button看的更明顯一些,可以設(shè)置一下button的樣式,設(shè)置寬為100px,高為30px,字的顏色為紅色。
7、用瀏覽器打開js.html,如果點(diǎn)擊按鈕能夠彈出“JS函數(shù)調(diào)用的方法”,說明調(diào)用js函數(shù)是成功的。
jQuery的插件使用方法具體步驟如下: 一、調(diào)用庫文件 使用jQuery必須鏈接jQuery的庫文件,無論是壓縮版還是正常版,必須至少在網(wǎng)頁中鏈接一個(gè),如: 二、調(diào)用Jquery插件 應(yīng)用做好的jQuery插件效果。 比如jQuery官網(wǎng)制作的插件jQuery