十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
上面引入jquery
创新互联建站专注于镇江网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供镇江营销型网站建设,镇江网站制作、镇江网页设计、镇江网站官网定制、微信小程序开发服务,打造镇江网络公司原创品牌,更为您提供镇江网站排名全网营销落地服务。
script
$(document).ready(function(){
$("#login").click(function(){
var username = $("#username").val();
var password = $("#password").val();
$.ajax({
type: "POST",
url: "denglu.php",
data: "username="+username+"act=loginpassword="+password,
success: function(msg){
if(msg==1){
$("#message").show().html('登录成功').fadeOut(1000);
window.location = "index.php";
}else{
$("#message").show().html(msg).fadeOut(1000);
}
}
});
});
});
/script
用户名:input type="text" id="username" name="username"
密码:input type="password" id="password" name="password"
input type="button" value="登录" id="login" /
div id="message"/div
传参数:
$.get(url,{'id':ddid},function(data){})
接受参数:
if(isset($_GET['id']) $_GET['id'] != ''){
$ddid = $_GET['id'];
}
ajax也有多种提交数据方式的,也是有get和post等,和表单数据一样接收
方法和详细的操作步骤如下:
1、第一步,安装并配置PHP集成环境,以phpstudy为例,见下图,转到下面的步骤。
2、第二步,完成上述步骤后,在www目录中创建一个新的html文件(new1.html)和一个php(ab.php)文件,见下图,转到下面的步骤。
3、第三步, 完成上述步骤后,html文件首先引用所需的类库jquery文件,然后引用正文部分,以简单的表单提交为例,见下图,转到下面的步骤。
4、第四步,完成上述步骤后,html的javascript-ajax部分,以上一步正文中的cilik事件为例,见下图,转到下面的步骤。
5、第五步,完成上述步骤后,php文件的准备部分主要使用$ _POST接受ajax传输的数据,并且可以返回不同类型的数据。
例如回声结果或转码为json格式的json_encode数据将返回到前端进行处理,见下图,转到下面的步骤。
6、第六步,完成上述步骤后,结果显示:提交表单中的内容后,无需刷新即可显示该内容,见下图。这样,就解决了这个问题了。
1、首先安装配置php集成环境。以phpstudy为例。
2、在www目录下新建一个html文件(new1.html),和一个php(ab.php)文件。
3、html文件先引用所需的类库jquery文件,其次在body部分,以一个简单的表单提交为例。
4、html的javascript-ajax部分,以上步body中的cilik事件为例。
5、php文件的编写部分,主要使用$_POST来接受ajax传输的数据,并可以返回不同类型的数据。如echo结果或者json_encode转码成为json格式的数据返还给前端做处理。
6、结果展示:表单中的内容在提交后,无刷新展示了出来。