Android中的网络编程-WebView开发-JSON数据解析

成绩广州xx学院Android程序设计实验报告专业班级计算机xx实验日期__2021.6.2._姓名xx 学号_2018xx实验名称Android中的网络编程指导老师__xx__（报告内容包括：实验目的、实验设备及器材、实验步骤、实验数据、图表及曲线处理、实验小结等）。实验目的掌握如何使用WebView进行网络开发；掌握如何对JSON数据进行解析。实验要求使用WebView控件显示带有JavaScript代码的网页，执行JavaScript代码并弹出提示框。请写出使用JSONArray类解析JSON数据的主要逻辑代码。JSON数据如下所示:[{"name":"Lili","score":"95"},{"name":"LiLei","score":"99"},{"name":"王小明","score":"100"},{"name":"Lei","score":"89"}]实验步骤与运行结果(1) 使用WebView控件显示带有JavaScript代码的网页，执行JavaScript代码并弹出提示框。MainActivity.Java代码如下：publicclassMainActivityextendsAppCompatActivity{

@Override

protectedvoidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

finalWebViewwebview=(WebView)findViewById(R.id.webView);

Buttonbtn=(Button)findViewById(R.id.btn_dialog);

webview.loadUrl("file:///android_asset/alert.html");//指定要加载的网页

btn.setOnClickListener(newView.OnClickListener(){

@Override

publicvoidonClick(Viewview){

//设置webview控件支持JavaScript代码

webview.getSettings().setJavaScriptEnabled(true);

//显示网页中通过JavaScript代码弹出的提示框

webview.setWebChromeClient(newWebChromeClient());

webview.loadUrl("file:///android_asset/alert.html");

}

});

布局代码如下：<Button

android:id="@+id/btn_dialog"

android:layout_width="300dp"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal"

android:text="执行JavaScript代码并弹出提示框"

android:layout_margin="8dp"

android:textColor="@android:color/white"

android:background="@drawable/btn_dialog_selector"/>

<WebView

android:id="@+id/webView"

android:layout_width="match_parent"

android:layout_height="match_parent"/>

效果图如图1-1，图1-2所示图1-1图1-2(2) 请写出使用JSONArray类解析JSON数据的主要逻辑代码。JSON数据如下所示:[{"name":"Lili","score":"95"},{"name":"LiLei","score":"99"},{"name":"王小明","score":"100"},{"name":"Lei","score":"89"}]MainActivity.java代码：publicclassMainActivityextendsAppCompatActivityimplementsView.OnClickListener

{

privateTextViewtvName,tvScore;

privateList<StudentInfo>infoList;//天气预报数据集合

@Override

protectedvoidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

infoList=JsonParse.getInstance().getInfosFromJson(MainActivity.this);

initView();

}

privatevoidinitView(){

tvName=(TextView)findViewById(R.id.tv_name);

tvScore=(TextView)findViewById(R.id.tv_score);

findViewById(R.id.btn_lei).setOnClickListener(this);

findViewById(R.id.btn_lilei).setOnClickListener(this);

findViewById(R.id.btn_lili).setOnClickListener(this);

}

/**

*设置界面数据

*/

privatevoidsetData(StudentInfoinfo){

if(info==null)return;

tvName.setText(info.getName());

tvScore.setText(String.valueOf(info.getScore()));

}

/**

*根据城市获取对应的天气信息

*/

privatevoidgetCityData(Stringname){

for(StudentInfoinfo:infoList){

if(info.getName().equals(name)){

setData(info);

}

}

}

@Override

publicvoidonClick(Viewv){//按钮的点击事件

switch(v.getId()){

caseR.id.btn_lilei://上海按钮的点击事件

getCityData("LiLei");

break;

caseR.id.btn_lei://北京按钮的点击事件

getCityData("Lei");

br