mui框架ajax实现前后台交互Java程序

最新推荐文章于 2021-08-06 00:24:11 发布

原创

最新推荐文章于 2021-08-06 00:24:11 发布 · 1.8k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#mui前后台交互 #Java #mui #localhost #ajax

本文介绍了在mui框架中使用Ajax进行前后台交互时的注意事项，特别是强调了url地址不能使用127.0.0.1或localhost，而应采用本地IP地址。通过IPCONFIG命令获取本地IP，并提供了简单的代码示例，展示如何在点击按钮后将表单数据发送到Java程序进行处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mui框架Ajax实现前后台交互注意事项：
url地址不能使用127.0.0.1或localhost作为地址，应使用本地其他IP地址。
其他IP地址方法：win+r，打开cmd输入 IPCONFIG，就可以看到自己的本地IP。
代码如下：

<script type="text/javascript" charset="utf-8">
  	mui.init();
		//plusReady，用来定义加载dom后的操作
		mui.plusReady(function() {
			var userform = document.getElementById("userform");
			var username = document.getElementById("uname");
			var txt_password = document.getElementById("pwd");
			//发起 ajax请求 
			userform.addEventListener("submit", function(e){
			mui.ajax('http://这里写本地查询到的本地IP:8080（这里是tomcat端口号）/xxx/for',{
				data:{
					name:username.value,
					addr:txt_password.value
				},
				dataType:'json',//服务器返回json格式数据
				type:'GET',//HTTP请求类型
				timeout:10000,//超时时间设置为10秒；	              
				success:function(data){
					
				}
			});
			})
		})
</script></head>



		<body>
<div class="mui-content">
		<div class="container-login100">
			<div class="wrap-login100 p-t-85 p-b-20">
				<form id="us