尝试根据click事件更改AJAX url参数

时间:2017-10-16 19:03:43

标签: jquery json

我正在尝试根据点击事件更改AJAX网址参数。例如,我有一个数据库,如:

http://test/test/test/state/NJ

这可以更改以反映某个州的数据。因此,如果您在网址末尾键入“FL”而不是“NJ”,则会显示佛罗里达州而不是新泽西州的数据。我的问题是我正在使用美国的地图,当你点击某个状态时,我需要点击事件来动态更改AJAX网址。请看下面的代码谢谢。我不确定为什么click事件不会改变数据url参数。

def main(args: Array[String]): Unit = {
        import org.apache.spark.sql.SparkSession

    val spark = SparkSession.builder()
      .master("local")
      .appName("MongoSparkConnectorIntro")
      .config("spark.mongodb.input.uri", "mongodb://192.168.2.13:28111,192.168.2.14:28112,192.168.2.15:28113/test.myCollection")
      .config("spark.mongodb.output.uri", "mongodb://192.168.2.13:28111,192.168.2.14:28112,192.168.2.15:28113/test.myCollection")
      .getOrCreate()
    import org.apache.spark.sql.SparkSession

    val writeConfig = WriteConfig(Map("collection" -> "spark", "writeConcern.w" -> "majority"), Some(WriteConfig(spark.sparkContext)))
    val sparkDocuments = spark.sparkContext.parallelize((1 to 10).map(i => Document.parse(s"{spark: $i}")))

    MongoSpark.save(sparkDocuments, writeConfig)

  }

1 个答案:

答案 0 :(得分:1)

我认为你做的很难。你可以在.usmap内激发ajax。见下面的例子。

$('#map').usmap({ 
  click: function(event, data) {
     switch(data.name){
         case 'NJ':
             description = 'New Jersey'; 
             break;
         case 'PA':
             description = 'Pennsylvania'; 
             break;
         default:
             description = 'Sorry. We do not carry products in this state.'; 
             break;

     }
     $.ajax({
          dataType: "jsonp",
          url: 'http://test/test/test/state/'+data.name,
          cache: true,
          success: function(json){
             //Organized ajax returned data from here.
          }
      }); 
  }
});