交互 - CSDN

Android：你要的WebView与 JS 交互方式都在这里了

万次阅读 多人点赞 2017-03-22 09:19:45

上述功能是由Android的WebView实现的，其中涉及到Android客户端与Web网页交互的实现今天我将全面介绍Android通过WebView与JS交互的全面方式阅读本文前请先阅读：Android开发：最全面、最易懂的Webview详解 ...

前言
现在很多App里都内置了Web网页（Hybrid App），比如说很多电商平台，淘宝、京东、聚划算等等，如下图

上述功能是由Android的WebView实现的，其中涉及到Android客户端与Web网页交互的实现
今天我将全面介绍Android通过WebView与JS交互的全面方式

阅读本文前请先阅读：Android开发：最全面、最易懂的Webview详解

#目录

1. 交互方式总结
Android与JS通过WebView互相调用方法，实际上是：
Android去调用JS的代码
JS去调用Android的代码

二者沟通的桥梁是WebView

对于Android调用JS代码的方法有2种：
通过WebView的loadUrl（）
通过WebView的evaluateJavascript（）
对于JS调用Android代码的方法有3种：
通过WebView的addJavascriptInterface（）进行对象映射
通过 WebViewClient 的shouldOverrideUrlLoading ()方法回调拦截 url
通过 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt（）方法回调拦截JS对话框alert()、confirm()、prompt（） 消息
2. 具体分析
2.1  Android通过WebView调用 JS 代码
对于Android调用JS代码的方法有2种：
通过WebView的loadUrl（）
通过WebView的evaluateJavascript（）
方式1：通过WebView的loadUrl（）
实例介绍：点击Android按钮，即调用WebView JS（文本名为javascript）中callJS（）
具体使用：
步骤1：将需要调用的JS代码以.html格式放到src/main/assets文件夹里

为了方便展示，本文是采用Andorid调用本地JS代码说明；
实际情况时，Android更多的是调用远程JS代码，即将加载的JS代码路径改成url即可

需要加载JS代码：javascript.html
// 文本名：javascript
<!DOCTYPE html>
<html>

   <head>
      <meta charset="utf-8">
      <title>Carson_Ho</title>
      
// JS代码
     <script>
// Android需要调用的方法
   function callJS(){
      alert("Android调用了JS的callJS方法");
   }
</script>

   </head>

</html>

步骤2：在Android里通过WebView设置调用JS代码
Android代码：MainActivity.java

注释已经非常清楚

 public class MainActivity extends AppCompatActivity {

    WebView mWebView;
    Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView =(WebView) findViewById(R.id.webview);

        WebSettings webSettings = mWebView.getSettings();

        // 设置与Js交互的权限
        webSettings.setJavaScriptEnabled(true);
        // 设置允许JS弹窗
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

        // 先载入JS代码
        // 格式规定为:file:///android_asset/文件名.html
        mWebView.loadUrl("file:///android_asset/javascript.html");

        button = (Button) findViewById(R.id.button);


        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 通过Handler发送消息
                mWebView.post(new Runnable() {
                    @Override
                    public void run() {

                        // 注意调用的JS方法名要对应上
                        // 调用javascript的callJS()方法
                        mWebView.loadUrl("javascript:callJS()");
                    }
                });
                
            }
        });

        // 由于设置了弹窗检验调用结果,所以需要支持js对话框
        // webview只是载体，内容的渲染需要使用webviewChromClient类去实现
        // 通过设置WebChromeClient对象处理JavaScript的对话框
        //设置响应js 的Alert()函数
        mWebView.setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
                AlertDialog.Builder b = new AlertDialog.Builder(MainActivity.this);
                b.setTitle("Alert");
                b.setMessage(message);
                b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        result.confirm();
                    }
                });
                b.setCancelable(false);
                b.create().show();
                return true;
            }

        });


    }
}


特别注意：JS代码调用一定要在 onPageFinished（） 回调之后才能调用，否则不会调用。

onPageFinished()属于WebViewClient类的方法，主要在页面加载结束时调用

方式2：通过WebView的evaluateJavascript（）
优点：该方法比第一种方法效率更高、使用更简洁。

因为该方法的执行不会使页面刷新，而第一种方法（loadUrl ）的执行则会。
Android 4.4 后才可使用

具体使用
// 只需要将第一种方法的loadUrl()换成下面该方法即可
    mWebView.evaluateJavascript（"javascript:callJS()", new ValueCallback<String>() {
        @Override
        public void onReceiveValue(String value) {
            //此处为 js 返回的结果
        }
    });
}

2.1.2 方法对比

2.1.3 使用建议
两种方法混合使用，即Android 4.4以下使用方法1，Android 4.4以上方法2
// Android版本变量
final int version = Build.VERSION.SDK_INT;
// 因为该方法在 Android 4.4 版本才可使用，所以使用时需进行版本判断
if (version < 18) {
    mWebView.loadUrl("javascript:callJS()");
} else {
    mWebView.evaluateJavascript（"javascript:callJS()", new ValueCallback<String>() {
        @Override
        public void onReceiveValue(String value) {
            //此处为 js 返回的结果
        }
    });
}

2.2 JS通过WebView调用 Android 代码
对于JS调用Android代码的方法有3种：
通过WebView的addJavascriptInterface（）进行对象映射
通过 WebViewClient 的shouldOverrideUrlLoading ()方法回调拦截 url
通过 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt（）方法回调拦截JS对话框alert()、confirm()、prompt（） 消息
2.2.1 方法分析
方式1：通过 WebView的addJavascriptInterface（）进行对象映射
步骤1：定义一个与JS对象映射关系的Android类：AndroidtoJs
AndroidtoJs.java（注释已经非常清楚）
// 继承自Object类
public class AndroidtoJs extends Object {

    // 定义JS需要调用的方法
    // 被JS调用的方法必须加入@JavascriptInterface注解
    @JavascriptInterface
    public void hello(String msg) {
        System.out.println("JS调用了Android的hello方法");
    }
}

步骤2：将需要调用的JS代码以.html格式放到src/main/assets文件夹里
需要加载JS代码：javascript.html
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>Carson</title>  
      <script>
         
        
         function callAndroid(){
        // 由于对象映射，所以调用test对象等于调用Android映射的对象
            test.hello("js调用了android中的hello方法");
         }
      </script>
   </head>
   <body>
      //点击按钮则调用callAndroid函数
      <button type="button" id="button1" "callAndroid()"></button>
   </body>
</html>

步骤3：在Android里通过WebView设置Android类与JS代码的映射

详细请看注释

public class MainActivity extends AppCompatActivity {

    WebView mWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView = (WebView) findViewById(R.id.webview);
        WebSettings webSettings = mWebView.getSettings();

        // 设置与Js交互的权限
        webSettings.setJavaScriptEnabled(true);

        // 通过addJavascriptInterface()将Java对象映射到JS对象
        //参数1：Javascript对象名
        //参数2：Java对象名
        mWebView.addJavascriptInterface(new AndroidtoJs(), "test");//AndroidtoJS类对象映射到js的test对象

        // 加载JS代码
        // 格式规定为:file:///android_asset/文件名.html
        mWebView.loadUrl("file:///android_asset/javascript.html");



特点
优点：使用简单

仅将Android对象和JS对象映射即可

缺点：存在严重的漏洞问题，具体请看文章：你不知道的 Android WebView 使用漏洞
方式2：通过 WebViewClient 的方法shouldOverrideUrlLoading ()回调拦截 url
具体原理：
Android通过 WebViewClient 的回调方法shouldOverrideUrlLoading ()拦截 url
解析该 url 的协议
如果检测到是预先约定好的协议，就调用相应方法

即JS需要调用Android的方法

具体使用：
步骤1：在JS约定所需要的Url协议
JS代码：javascript.html

以.html格式放到src/main/assets文件夹里

<!DOCTYPE html>
<html>

   <head>
      <meta charset="utf-8">
      <title>Carson_Ho</title>
      
     <script>
         function callAndroid(){
            /*约定的url协议为：js://webview?arg1=111&arg2=222*/
            document.location = "js://webview?arg1=111&arg2=222";
         }
      </script>
</head>

<!-- 点击按钮则调用callAndroid（）方法  -->
   <body>
     <button type="button" id="button1" "callAndroid()">点击调用Android代码</button>
   </body>
</html>

当该JS通过Android的mWebView.loadUrl("file:///android_asset/javascript.html")加载后，就会回调shouldOverrideUrlLoading （），接下来继续看步骤2：
步骤2：在Android通过WebViewClient复写shouldOverrideUrlLoading （）
MainActivity.java
public class MainActivity extends AppCompatActivity {

    WebView mWebView;
//    Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView = (WebView) findViewById(R.id.webview);

        WebSettings webSettings = mWebView.getSettings();

        // 设置与Js交互的权限
        webSettings.setJavaScriptEnabled(true);
        // 设置允许JS弹窗
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

        // 步骤1：加载JS代码
        // 格式规定为:file:///android_asset/文件名.html
        mWebView.loadUrl("file:///android_asset/javascript.html");


// 复写WebViewClient类的shouldOverrideUrlLoading方法
mWebView.setWebViewClient(new WebViewClient() {
                                      @Override
                                      public boolean shouldOverrideUrlLoading(WebView view, String url) {

                                          // 步骤2：根据协议的参数，判断是否是所需要的url
                                          // 一般根据scheme（协议格式） & authority（协议名）判断（前两个参数）
                                          //假定传入进来的 url = "js://webview?arg1=111&arg2=222"（同时也是约定好的需要拦截的）

                                          Uri uri = Uri.parse(url);                                 
                                          // 如果url的协议 = 预先约定的 js 协议
                                          // 就解析往下解析参数
                                          if ( uri.getScheme().equals("js")) {

                                              // 如果 authority  = 预先约定协议里的 webview，即代表都符合约定的协议
                                              // 所以拦截url,下面JS开始调用Android需要的方法
                                              if (uri.getAuthority().equals("webview")) {

                                                 //  步骤3：
                                                  // 执行JS所需要调用的逻辑
                                                  System.out.println("js调用了Android的方法");
                                                  // 可以在协议上带有参数并传递到Android上
                                                  HashMap<String, String> params = new HashMap<>();
                                                  Set<String> collection = uri.getQueryParameterNames();

                                              }

                                              return true;
                                          }
                                          return super.shouldOverrideUrlLoading(view, url);
                                      }
                                  }
        );
   }
        }



特点
优点：不存在方式1的漏洞；
缺点：JS获取Android方法的返回值复杂。

如果JS想要得到Android方法的返回值，只能通过 WebView 的 loadUrl （）去执行 JS 方法把返回值传递回去，相关的代码如下：

// Android：MainActivity.java
mWebView.loadUrl("javascript:returnResult(" + result + ")");

// JS：javascript.html
function returnResult(result){
    alert("result is" + result);
}

#方式3：通过 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt（）方法回调拦截JS对话框alert()、confirm()、prompt（） 消息
在JS中，有三个常用的对话框方法：

方式3的原理：Android通过 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt（）方法回调分别拦截JS对话框

（即上述三个方法），得到他们的消息内容，然后解析即可。
下面的例子将用**拦截 JS的输入框（即prompt（）方法）**说明 ：

常用的拦截是：拦截 JS的输入框（即prompt（）方法）
因为只有prompt（）可以返回任意类型的值，操作最全面方便、更加灵活；而alert（）对话框没有返回值；confirm（）对话框只能返回两种状态（确定 / 取消）两个值

步骤1：加载JS代码，如下：
javascript.html

以.html格式放到src/main/assets文件夹里

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>Carson_Ho</title>
      
     <script>
        
	function clickprompt(){
    // 调用prompt（）
    var result=prompt("js://demo?arg1=111&arg2=222");
    alert("demo " + result);
}

      </script>
</head>

<!-- 点击按钮则调用clickprompt()  -->
   <body>
     <button type="button" id="button1" "clickprompt()">点击调用Android代码</button>
   </body>
</html>

当使用mWebView.loadUrl("file:///android_asset/javascript.html")加载了上述JS代码后，就会触发回调onJsPrompt（），具体如下：

如果是拦截警告框（即alert()），则触发回调onJsAlert（）；
如果是拦截确认框（即confirm()），则触发回调onJsConfirm（）；

步骤2：在Android通过WebChromeClient复写onJsPrompt（）
public class MainActivity extends AppCompatActivity {

    WebView mWebView;
//    Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView = (WebView) findViewById(R.id.webview);

        WebSettings webSettings = mWebView.getSettings();

        // 设置与Js交互的权限
        webSettings.setJavaScriptEnabled(true);
        // 设置允许JS弹窗
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

// 先加载JS代码
        // 格式规定为:file:///android_asset/文件名.html
        mWebView.loadUrl("file:///android_asset/javascript.html");


        mWebView.setWebChromeClient(new WebChromeClient() {
                                        // 拦截输入框(原理同方式2)
                                        // 参数message:代表promt（）的内容（不是url）
                                        // 参数result:代表输入框的返回值
                                        @Override
                                        public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {
                                            // 根据协议的参数，判断是否是所需要的url(原理同方式2)
                                            // 一般根据scheme（协议格式） & authority（协议名）判断（前两个参数）
                                            //假定传入进来的 url = "js://webview?arg1=111&arg2=222"（同时也是约定好的需要拦截的）

                                            Uri uri = Uri.parse(message);
                                            // 如果url的协议 = 预先约定的 js 协议
                                            // 就解析往下解析参数
                                            if ( uri.getScheme().equals("js")) {

                                                // 如果 authority  = 预先约定协议里的 webview，即代表都符合约定的协议
                                                // 所以拦截url,下面JS开始调用Android需要的方法
                                                if (uri.getAuthority().equals("webview")) {

                                                    //
                                                    // 执行JS所需要调用的逻辑
                                                    System.out.println("js调用了Android的方法");
                                                    // 可以在协议上带有参数并传递到Android上
                                                    HashMap<String, String> params = new HashMap<>();
                                                    Set<String> collection = uri.getQueryParameterNames();

                                                    //参数result:代表消息框的返回值(输入值)
                                                    result.confirm("js调用了Android的方法成功啦");
                                                }
                                                return true;
                                            }
                                            return super.onJsPrompt(view, url, message, defaultValue, result);
                                        }

// 通过alert()和confirm()拦截的原理相同，此处不作过多讲述

                                        // 拦截JS的警告框
                                        @Override
                                        public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                                            return super.onJsAlert(view, url, message, result);
                                        }

                                        // 拦截JS的确认框
                                        @Override
                                        public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
                                            return super.onJsConfirm(view, url, message, result);
                                        }
                                    }
        );


            }

        }


Demo地址

上述所有代码均存放在：Carson_Ho的Github地址 ： WebView Demo
2.2.2 三种方式的对比 & 使用场景

3. 总结
本文主要对Android通过WebView与JS的交互方式进行了全面介绍

关于WebView的系列文章对你有所帮助
Android开发：最全面、最易懂的Webview详解
Android：你不知道的 WebView 使用漏洞
手把手教你构建 Android WebView 的缓存机制 & 资源预加载方案
接下来我会继续讲解其他安卓开发的知识，有兴趣可以继续关注Carson_Ho的安卓开发笔记！！！！
请帮顶和评论点赞！因为你们的赞同/鼓励是我写作的最大动力！
欢迎关注carson_ho的微信公众号

收起

展开全文

Android WebView Hybrid

Ajax同步交互与异步交互

千次阅读 2020-08-27 21:58:32

Ajax同步交互与异步交互同步交互是什么所谓同步交互，就是指发送一个请求，需要等待返回，然后才能够发送下一个请求。同步交互相当于排队，轮到下一个的情况会因为前一个而有所不同。说明：同步交互就是第二次...

Ajax同步交互与异步交互

同步交互是什么

所谓同步交互，就是指发送一个请求，需要等待返回，然后才能够发送下一个请求。同步交互相当于排队，轮到下一个的情况会因为前一个而有所不同。

说明：同步交互就是第二次请求必须等待第一次请求结束之后才可以开始。

异步交互是什么

所谓异步交互，就是指指发送一个请求，不需要等待返回，随时可以再发送下一个请求。同步交互与异步交互的区别在于同步交互需要等待结果，而异步交互不需要等待。

说明：异步交互就是第二次请求不需要等待第一次请求结束之后就可以开始。

异步交互的优势

异步交互相比同步交互的优势主要具有以下几点:

用户操作无须像同步交互必须等待结果。
异步交互只需与服务器端交换必要的数据内容，而不是将所有数据全部更新。
异步交互对带宽造成的压力相比同步交互更小。
通过Ajax实现异步交互不需要任何第三方插件，只要刘览器支持JavaScript语言即可实现。

异步交互的劣势

异步交互相比同步交互并不是优势，它也存在一些问题:

异步交互破坏了刘览器原有的前进和后退机制。
如果后面逻辑的执行依靠前面逻辑执行的结果的话，异步交互可能会造成问题。
Ajax实现异步交互对搜索引擎支持较弱。
Ajax实现异步交互会引起一些Web安全问题，例如SQL注入攻击、跨站点脚本攻击等问题。

总结

收起

展开全文

ajax

ApiCloud数据交互有三种模式：端交互云交互 AJAX交互

千次阅读 2018-07-06 13:34:22

数据交互有三种模式：端交互云交互 AJAX交互1.端交互适合数据在apicloud的云存储，并且只有APP入口的情况；2.云交互适合数据在apicloud的云存储，并且有WEB和APP入口等情况；3.ajax交互适合已有数据库或者使用...

数据交互有三种模式：端交互 云交互 AJAX交互
1.端交互适合数据在apicloud的云存储，并且只有APP入口的情况；
2.云交互适合数据在apicloud的云存储，并且有WEB和APP入口等情况；
3.ajax交互适合已有数据库或者使用apicloud以及其他云存储，并且有多个入口的情况
端是指mcm模块，已把数据云的一系列api封装成模块，便于引入使用。另外就是api.ajax的情况了，熟悉数据云的api就可以使用，相比mcm模块，接口更全一些，都依靠于底层，性能上差不多最后就是通过jquery或者js的原生ajax能力去进行交互了，这种限制会比较多，不是很建议使用。

收起

展开全文

前端与后端接口的交互案例

万次阅读 多人点赞 2018-07-12 21:35:01

一、案例描述 1，前端页面提供用户名，密码输入框。 2，通过Ajax发送请求到后端Serlvet。 3，后端Serlvet处理请求，根据输入的用户名和密码返回给前端不同信息前端访问后端接口通过后端提供的的URL ...login.h...

一、案例描述
1，前端页面提供用户名，密码输入框。

2，通过Ajax发送请求到后端Serlvet。

3，后端Serlvet处理请求，根据输入的用户名和密码返回给前端不同信息
前端访问后端接口通过后端提供的的URL
二、主要代码
1、前端页面
<!DOCTYPE html>
<html>
<head>
<title>login.html</title>
<meta charset="utf-8">
</head>

<！-- 待补充的javaScript Ajax请求代码 在下面 --！>

<body>
	<form action="#">
		username:<input type="text" name="username"><br>
    	password:<input type="password" name="password"><br>
    	<input type="button" value="submit" id="submit">
	</form>
</body>
</html>

如图：简单到不忍直视的页面


2、Ajax请求代码
这里使用了jquery-1.8.3.js库，顺便回顾下函数的书写格式

格式：jQuery.ajax([settings])

* 		参数settings：设置所有的参数,JSON对象

* 			data:请求参数

* 			type:请求方式 (“POST” 或 “GET”)，

* 			success:成功的回调函数，function(data, [textStatus], [jqXHR])

* 			error:请求失败时调用函数

* 			dataType:预期服务器返回的数据类型
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
	$(function(){
		$("#submit").click(function(){
		var url = "/myblog/servlet/loginServlet";
		var params = {"username":$("input[type='text']").val(), "password":$("input[type='password']").val()};
		
		$.ajax({
				"url" : url,
				"data" : params,
				"type" : "post",
				"success" : function(data) {
					// 参数为json类型的对象
					alert(data.message)
				},
				"error" : function() {
					alert("用户名或者密码错误");
				}
			});
			
		});
	});
</script>

3、Servlet代码及web.xml配置

写这个，有点弱智了，但为了代码的完整性，忍一下吧！

web.xml
  <servlet>
    <servlet-name>LoginServlet</servlet-name>
    <servlet-class>com.imooc.login.LoginServlet</servlet-class>
  </servlet>

 <servlet-mapping>
    <servlet-name>LoginServlet</servlet-name>
    <url-pattern>/servlet/loginServlet</url-pattern>
  </servlet-mapping>

servlet:
public class LoginServlet extends HttpServlet {

	private static final long serialVersionUID = 5417488369543075097L;

	public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		String username = request.getParameter("username");
		String password = request.getParameter("password");
	    String message = "{\"message\":\"登录成功\"}";
	    response.setContentType("application/json;charset=utf-8");
	    if("双击".equals(username) && "666".equals(password)) {
	    	response.getWriter().write(message);
	    }
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		this.doGet(request, response);
	}

}

result picture:

收起

展开全文

VTK交互之交互样式
千次阅读 2017-05-29 13:45:10
VTK交互样式　类vtkRenderWindowInteractor即渲染窗口交互器，提供了一种平台独立的响应鼠标/按键/时钟事件的交互机制，可将平台相关的鼠标/按键/时钟等信息路由至vtkInteractorObserver或其子类。 ...
收起
vtk
VTK交互系统 2 交互器样式
千次阅读 2019-11-22 22:41:06
所谓交互器样式，就是你设置了交互器，然后它里面会有各种默认的或者你自己定义的交互方式，比如你可以设置滚轮来将图片放大或者缩小。或者你可以设置鼠标点击移动来改变摄像机的视角，从而看到物体的不同面。 VTK...
收起
VTK
VTK交互系统 1 交互模式入门
千次阅读 2019-11-21 16:59:28
在VTK中，交互一般使用命令/观察者模式来进行交互，即观察者等待命令，一旦有命令触发，就去执行该交互函数。有两种实现模式： 1. 设置回调函数 2. 继承command类，然后实现内部函数我们先看第一种方式。 ...
收起
VTK
网易交互设计师微专业 C1 揭开交互神秘面纱
千次阅读 2019-05-02 21:51:37
Chapter1 揭开交互神秘面纱第一章揭开交互神秘面纱产品设计开发流程和团队构成产品设计开发六大步交互设计师和产品经理的区别交互设计影响用户体验优秀的交互设计来源于生活！！！用户体验：国际...
收起
硬件交互之命令交互
千次阅读 2016-05-14 02:14:37
java层使用字节流与硬件嵌入式交互
收起
android java 字节流
hive交互模式和非交互模式
千次阅读 2014-01-01 15:06:14
hive交互模式和非交互模式
收起
Ajax 异步交互
千次阅读 2020-09-07 08:21:13
异步交互的区别在于同步交互需要等待结果，而异步交互不需要等待。所谓异步交互，就是指发送一个请求，不需要等待返回，随时可以再发送下一个请求。同步交互与异步交互区别在于：同步需要等待结果，而异步不需要...
收起
ajax
Android客户端与服务器端的json数据交互（内含大量知识点）
千次下载 热门讨论 2012-09-15 21:01:40
Android客户端与服务器端的json数据交互（内含大量知识点），包含文件的上传，文件浏览器等。
收起
VTK交互
千次阅读 2016-04-29 16:13:03
说到VTK交互，马上会想到的就是vtkRenderWindowInterator。他是VTK的交互类可以响应各种的鼠标/键盘/时钟等消息事件。今天阅读了大量资料，关于如何给交互器增加或更改交互事件。在这里梳理一下，给以后做个参考。 ...
收起
同步交互与异步交互的区别
千次阅读 2018-12-05 11:50:30
（1）同步交互:指发送一个请求，需要等待返回，然后才能够发送下一个请求有一个等待的过程。（2）异步交互：指发送一个请求，不需要等待返回，随时可以发送下一个请求，级不需要等待。（3）区别：等待的区别。异步...
收起
Android与js交互实例
千次下载 热门讨论 2013-04-01 11:54:41
Android与js交互实例,Android 中可以通过webview来实现和js的交互，在程序中调用js代码，只需要将webview控件的支持js的属性设置为true
收起
Android进阶之Fragment与Activity之间的数据交互
万次阅读 多人点赞 2016-12-28 11:24:01
2 参考链接Activity和Fragment传递数据的两种方式【Fragment精深系列4】Fragment与Activity之间的数据交互2 Activity把值传递给Fragment2.1 第一种方式，也是最常用的方式，就是使用Bundle来传递参数（1）宿主...
收起
android
UML交互图（顺序图和交互图）
万次阅读 2017-11-04 11:01:11
交互图常常用来描述一个用例的行为，显示该用例中所涉及的对象以及这些对象之间的消息传递情况，即一个用例的实现过程。交互图有顺序图和协作图两种形式。时序图中描述对象按照时间顺序的消息交换。协作图...
收起
SpringBoot实现前后端数据交互、json数据交互、Controller接收参数的几种常用方式
万次阅读 多人点赞 2019-04-12 10:52:50
当与前端交互的过程当中，常用json数据与前端进行交互，这样想取出前端传送过来的json数据的时候，就需要用到@RequestBody这个注解。@RequestBody注解用于读取http请求的内容(字符串)，通过springmvc提供的...
收起
前后端交互，API数据交互
千次阅读 2018-08-29 20:59:01
此博客希望可以帮助那些对于前后端如何交互？API是什么？等知识比较模糊的同学有一个初步的认识。问：为什么需要前后端交互？答：问这个问题之前，你需要对web的标准规范有基本的认识。例如：一个博客网站，你...
收起
Mugeda-H5交互动画晋级教程
万人学习 2016-04-26 20:01:32
本次课程针对的是Mugeda用户和FLASH设计师的交互动画制作技能的晋级教程。助力广大设计师群体提高交互动画制作技能。
收起
shell学习2：交互模式和非交互模式
千次阅读 2019-03-12 16:56:46
shell的模式可分为交互模式和非交互模式。交互模式，就是需要和用户交互才可以将程序执行完毕。如下： 1 #!/bin/bash 2 # 3 CAT() 4 { 5 cat /etc/passwd | head -$line 6 } 7 echo -n "Input ...
收起
shell
Stata: 图示交互效应\调节效应
万次阅读 2019-03-15 15:45:36
作者：邓浩然 (上海财经大学) ...2.1 在excel中绘出交互图2.2 在 Stata 中绘出交互图基本原理Stata 实现进一步美化图形3. 呈现调节作用的其他方式4. 参考资料关于我们联系我们往期精彩推文实证分析中...
收起
excel 交互式图表_创建一个交互式Excel图表
千次阅读 2020-08-12 03:21:27
excel 交互式图表创建一个交互式Excel图表 (Create an Interactive Excel Chart)If you add a chart to a dashboard, it’s helpful to let people choose what they’d like to see in the chart. In this example...
收起
python java 大数据 excel 数据分析
Android与Unity交互研究
万次阅读 多人点赞 2015-07-03 00:27:25
unity与android交互的由来 unity简单介绍 unity与android交互介绍 unity调用android的方法 android调用untiy的方法unity与android交互的由来本人在项目开发过程中，遇到这样一个需求，把unity的场
收起
android unity 嵌套传值
微信小程序之前端与java后台进行数据交互
万次阅读 多人点赞 2018-06-11 22:54:18
最近小程序挺火的，准备写个小程序试试，我会将我遇到的问题和我认为有用的记录下来，但是只了解java，并不太懂PHP,虽然说语言都是相通的（我也不知道谁说的）,反正还是用Java写后台吧， ...OK，前端后台数据交互...
收起
视觉和交互
千次阅读 2018-04-05 12:06:16
二、交互设计最开始不是服务于互联网的，是人机交互也就是人与计算机的现实输入输出、现实生活中设施的使用方式，不局限于互联网，好的交互设计在各行各业都有，以前多出现于工业产品设计，是现实的交互行为，随着...
收起
UML交互图
千次阅读 2015-06-09 10:56:48
交互图描述的是一组对象之间的交互过程，或者说，这里我们实际上要回答这样一个问题：“方法调用过程在UML中怎样表示？” UML交互图本文将通过一个非常简单的交易系统来说明UML交互图。这个系统包含六个Java类...
收起
uml
Python 交互环境
千次阅读 2018-07-09 16:48:46
一、交互式环境和文件在安装配置环境之后打开cmd输入python回车，就进入到了Python的交互式环境，在交互式环境中写入语句然后回车，语句将会直接被执行且不会被保存。使用交互式环境可以快速的验证你的代码是不是...
收起
浅析mysql交互式连接&非交互式连接
千次阅读 2018-07-02 17:15:18
https://www.jb51.net/article/81462.htmhttps://blog.csdn.net/andypan1314/article/details/77930677(1)interactive_timeout: 服务器关闭交互式连接前等待...两者生效取决于：客户端是交互或者非交互的连接。在交...
收起
什么是交互设计？交互设计师是做什么的？
千次阅读 2019-09-01 13:29:34
交互设计是用户体验(UX)设计的一个重要组成部分。在本文中，我们将解释什么是交互设计，一些有用的交互设计模型，并简要描述通常交互设计师做什么。对交互设计通俗易懂的理解 “交互设计”通俗易懂地来讲就是：它是...
收起
UI设计

Android：你要的WebView与 JS 交互方式 都在这里了

前言

1. 交互方式总结

2. 具体分析

2.1 Android通过WebView调用 JS 代码

方式1：通过WebView的loadUrl（）

方式2：通过WebView的evaluateJavascript（）

2.1.2 方法对比

2.1.3 使用建议

2.2 JS通过WebView调用 Android 代码

2.2.1 方法分析

方式1：通过 WebView的addJavascriptInterface（）进行对象映射

特点

方式2：通过 WebViewClient 的方法shouldOverrideUrlLoading ()回调拦截 url

特点

2.2.2 三种方式的对比 & 使用场景

3. 总结

请帮顶和评论点赞！因为你们的赞同/鼓励是我写作的最大动力！

欢迎关注carson_ho的微信公众号

Ajax同步交互与异步交互

Ajax同步交互与异步交互

同步交互是什么

异步交互是什么

异步交互的优势

异步交互的劣势

总结

ApiCloud数据交互有三种模式：端交互 云交互 AJAX交互

前端与后端接口的交互案例

一、案例描述

二、主要代码

VTK交互之交互样式

VTK交互系统 2 交互器样式

VTK交互系统 1 交互模式入门

网易交互设计师微专业 C1 揭开交互神秘面纱

硬件交互之命令交互

hive交互模式和非交互模式

Ajax 异步交互

Android客户端与服务器端的json数据交互（内含大量知识点）

VTK交互

同步交互与异步交互的区别

Android与js交互实例

Android进阶之Fragment与Activity之间的数据交互

UML交互图（顺序图和交互图）

SpringBoot实现前后端数据交互、json数据交互、Controller接收参数的几种常用方式

前后端交互，API数据交互

Mugeda-H5交互动画晋级教程

shell学习2：交互模式和非交互模式

Stata: 图示交互效应\调节效应

excel 交互式图表_创建一个交互式Excel图表

Android与Unity交互研究

微信小程序之前端与java后台进行数据交互

视觉和交互

UML交互图

Python 交互环境

浅析mysql交互式连接&非交互式连接

什么是交互设计？交互设计师是做什么的？

交互

Android：你要的WebView与 JS 交互方式都在这里了

方式1：通过`WebView`的`loadUrl（）`

方式2：通过`WebView`的`evaluateJavascript（）`

方式1：通过 `WebView`的`addJavascriptInterface（）`进行对象映射

方式2：通过 `WebViewClient` 的方法`shouldOverrideUrlLoading ()`回调拦截 url

ApiCloud数据交互有三种模式：端交互云交互 AJAX交互